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 |