CSS float – pozbywanie się osieroconych wierszy

Wielu ludzi zaczynających swoją przygodę budową stron internetowych na pewno napotkają na swojej drodze wiele problemów, które dla nich będą wydawać się wyjątkowo trudne, a rozwiązanie ich jest banalnie proste. Jednym z takich problemów jest obrzydliwie wciskające się wiersze naszego tekstu pod potraktowany floatem obrazek. Jak widać nie jest to nic najładniejszego.

co to ?

Załóżmy sobie taką sytuację:

jakis tekst
.wpis{
width: 700px;
margin: auto;
}
.ikona {
float: left;
}
.tekst {
overflow: hidden;
}

Używając przepięknej funkcji overflow: hidden sprawiamy,  że tekst brzydko nie wciska się pod nasz thumbnail.

ładnie