CSS - właściwości float


oblewanie obrazu tekstem

wyrównanie obrazu do lewego marginesu, tekst znajduje się po prawej stronie obrazu

style="float: left;"

<p><img src="grafika/sunflower02.jpg" style="padding: 5px 5px 5px 5px; float: left;" />Słonecznik jest to roślina ... </p>


wynik kodu

Słonecznik jest to roślina, która jest traktowana jako źródło pożywienia w formie ziarna, mąki lub oleju. Słonecznik został sprowadzony przez Hiszpanów do Europy z Ameryki Północnej około 1500 roku. W 100g słonecznika znajduje się około 580 kalorii. Nasiona słonecznika posiadają zdrowe tłuszcze, witaminę E, antyoksydanty, magnez, selen.

 


wyrównanie obrazu do prawego marginesu, tekst znajduje się po lewej stronie

style="float: right;"

<p><img src="grafika/sunflower02.jpg" style="padding: 5px 5px 5px 5px; float: right;" />Słonecznik jest to roślina ...</p>


wynik kodu

Słonecznik jest to roślina, która jest traktowana jako źródło pożywienia w formie ziarna, mąki lub oleju. Słonecznik został sprowadzony przez Hiszpanów do Europy z Ameryki Północnej około 1500 roku. W 100g słonecznika znajduje się około 580 kalorii. Nasiona słonecznika posiadają zdrowe tłuszcze, witaminę E, antyoksydanty, magnez, selen.

 

rezygnowanie z oblewania akapitu tekstem

<p style="clear: both">rezygnowanie z oblewania akapitu tekstem</p>


clear: left  jeśli obraz, którego oblewanie tekstem chcesz anulować, został wyrównany do marginesu za pomocą atrybutu stylu float: left
clear: right  jeśli obraz, którego oblewanie tekstem chcesz anulować, został wyrównany do marginesu za pomocą atrybutu stylu float: right
clear: both  jeżeli chcesz bezwarunkowo przenieść element poniżej obrazu, niezależnie od tego, w jaki sposób obraz ten jest oblewany tekstem