Css 2 div-y i serduszko

Question

Hej 

mam problem bo nie potrafię umieścić serduszka z fontello pod zdjęciem tak aby wystawało poza to zdjęcie (rozmiar serduszka jest ustawiony na 1000px tak roboczo)

<div class="postcard"> 
							<div class="photo1" > 
								<i class="hearticon-"><img src="img/Ola_01.jpg" ></i>
							</div>
						
					</div>

 

gdy jest w ten sposób to serduszko jest nad zdjęciem a ja chce aby było pod nim

 

Bardzo proszę o pomoc

Comments

tzn nie pod nim tylko za nim :)

Answer 1

Użyj pozycjonowania.

Comments

??

`

---

dobra mam na W3 Schools

Answer 2

Ale czemu umieszczasz <img> wewnątrz elementu z ikona? Po pierwsze zrob element z ikona za elementem ze zdjeciem, a po drugie jeżeli chcesz aby jakis element był pod drugim to najprościej będzie ustawić ich właściwości na display:block.

Domyślnie element <img> oraz <i> mają właściwość display: inline-block, czyli jeżeli mają miejsce to pozycjonują się jeden obok drugiego.

Comments

<div class="postcard"> 
							<div class="photo1" > 
								<img src="img/Ola_01.jpg" ><i class="hearticon-"></i>
							</div>
					</div>

w css też jest

.hearticon-
{
	display: block;
}

.photo1
{
	display: block;
}
	

 

o to chodzi? bo jako to to nie działa