W języku CSS przypisano regułę: float: left; dla bloku. Reguła ta zostanie wykorzystana do
A. ustawienia bloku na lewo względem innych.
B. ustawienia bloków jeden pod drugim.
C. wyrównania elementów tabeli do lewej strony.
D. wyrównania tekstu do lewej strony.
Pytanie z egzaminu CKE, styczeń 2020 (arkusz E.14-SG-20.01).
Poprawna odpowiedź to ustawienia bloku na lewo względem innych. Właściwość CSS float: left; powoduje, że element zostaje przesunięty do lewej krawędzi swojego kontenera, a inne treści mogą opływać go z prawej strony. Nie jest to zwykłe wyrównanie tekstu, tylko zmiana sposobu układania elementu w dokumencie. Składnia do zapamiętania to: float: left; oraz analogicznie float: right; dla przesunięcia elementu w prawo. W praktyce float był często używany do tworzenia układów kolumnowych lub ustawiania obrazka obok tekstu. Trzeba pamiętać, że element pływający wpływa na sąsiednie elementy, dlatego czasem stosuje się także clear: both;, aby zakończyć opływanie.
Właściwość float bywa mylona z prostym wyrównywaniem, ale działa inaczej. Wyrównania elementów tabeli do lewej strony nie opisuje float: left; - w tabelach stosuje się właściwości związane z wyrównaniem zawartości komórek, na przykład text-align: left; dla tekstu w komórkach. Wyrównania tekstu do lewej strony także nie wykonuje float, tylko text-align: left;, które ustawia sposób rozmieszczenia znaków w obrębie elementu. Ustawienia bloków jeden pod drugim nie wymaga float: left; - zwykłe elementy blokowe domyślnie układają się pionowo, a po zakończeniu opływania można użyć clear. Poprawna odpowiedź to ustawienia bloku na lewo względem innych. Typowy błąd polega na potraktowaniu słowa left jako każdego rodzaju wyrównania do lewej. W CSS znaczenie zależy od właściwości: float wpływa na opływanie i pozycję elementu względem otoczenia, a text-align wpływa na tekst wewnątrz elementu.