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.
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.