W CSS efekt umieszczenia obrazka (rysunku) "obok" tekstu akapitu, tak aby tekst zaczynał się w tej samej linii i układał się po prawej stronie obrazka, uzyskuje się przez zastosowanie mechanizmu pływających elementów. Służy do tego właściwość float.
Ustawienie float: left; sprawia, że element graficzny zostaje przesunięty do lewej krawędzi obszaru zawierającego, a kolejne treści w normalnym przepływie (np. tekst w akapicie) mogą go opływać, czyli układać się obok niego w tej samej linii, dopóki starcza miejsca.
Pozostałe propozycje są niepoprawne w tym kontekście:
- align: left; nie jest standardową, powszechnie stosowaną właściwością CSS do realizacji opływania. Może kojarzyć się z dawnymi rozwiązaniami lub atrybutami, ale nie spełnia wymaganego zadania w nowoczesnym CSS.
- style: left; jest błędne składniowo jako deklaracja CSS: style to atrybut HTML służący do wpisywania deklaracji CSS, a nie nazwa właściwości, której ustawia się wartość left.
- alt: left; także nie jest właściwością CSS. alt to atrybut HTML (tekst alternatywny obrazu) i nie ma wpływu na układ elementów na stronie.
Wskazówka egzaminacyjna: gdy w pytaniu jest wprost "w stylu CSS" i chodzi o ułożenie elementów obok siebie z opływaniem treści, najczęściej rozpoznasz to jako zastosowanie float (w starszych układach) albo jako zadanie, które we współczesnych projektach rozwiązuje się flexboxem/gridem. Tu jednak wymagany jest klasyczny mechanizm opływania.
