Kako stvoriti slike koje su poravnate udesno na web stranici

Pomoću CSS float svojstava, možete plutati bilo koju sliku desno od bilo kojeg teksta, kao što se može vidjeti sa slikom s desne strane ovog teksta. Da biste to učinili na svojoj web-stranici, slijedite korake u nastavku.

U ovom primjeru koristit ćemo vanjsku CSS datoteku. Pomoću vanjske CSS datoteke možete stvoriti plutajuću sliku na bilo kojoj stranici koja sadrži vezu do CSS datoteke. Vanjske CSS datoteke također olakšavaju izmjenu postavki koje biste mogli prilagoditi u budućnosti.

1. Stvorite CSS datoteku. Ako već imate CSS datoteku za svoju web stranicu, uredite CSS datoteku i dodajte sljedeći kôd.

2. Dodajte sljedeći kod u CSS datoteku.

 .floatRight {float: desno-lijevo-margin: 20px} 

Savjet: Dodavanje float: lijevo bi sliku plutalo na lijevoj strani teksta.

Ako želite imati više od jedne plutajuće slike s desne strane, dodajte sljedeći redak u CSS datoteku.

 .floatRightClear {float: desno, jasna: desno-lijevo-margin: 20px} 

3. Nakon što je gore navedeni kod kreiran, spremite CSS datoteku i nazovite je sa svake HTML stranice pomoću koda sličnog primjeru u nastavku. U našem primjeru, nazvali smo CSS datoteku style.css.

4. Konačno, dodajte bilo koju sliku koju želite plutati na desnoj strani spremnika.