Przesuń tekst poniżej obrazu, jeśli obraz jest wyrównany do boku.

Question

Mam obraz i tekst. Obraz jest wyrównany do lewej, ponieważ chcę, aby tekst znajdował się obok obrazu. Zarówno obraz, jak i tekst są w postaci <p></p>.

Teraz. Chcę wstawić dodatkowy tekst, który byłby wyświetlany pod poprzednim tekstem i obrazkiem.

Jak to zrobić?

Niektóre kodu:

<p><img src="image.gif" align="left" width="300" height="200"> Good paragraph of text</p> 
<p>Text that I want to appear below the text and the image above</p> 

Answer 1

Najprostszym rozwiązaniem jest dodanie atrybutu style CSS do drugiego p jak:

<p style="clear: both;"> 

• DEMO
• CSS clear^MDN