Efekt "opływania obrazu tekstem" w CSS uzyskuje się przez zastosowanie właściwości float na elemencie (np. img). Wartość right oznacza, że element pływający zostanie ustawiony przy prawej krawędzi kontenera, a tekst (treść liniowa) będzie wypełniał wolną przestrzeń po lewej stronie i poniżej, tworząc charakterystyczne opływanie.
Dlaczego poprawne jest "float: right;"?
- float zmienia sposób udziału elementu w normalnym układzie (flow) i pozwala innym treściom układać się obok niego.
- right determinuje stronę, do której element ma "przylegać", co odpowiada sytuacji, gdy obraz jest po prawej, a tekst go opływa.
Dlaczego pozostałe odpowiedzi są niepoprawne?
- table: left; – nie jest to poprawna właściwość CSS służąca do opływania. CSS ma właściwości takie jak display, float, clear, ale nie "table" w tym znaczeniu.
- clear: both; – clear służy do czyszczenia opływania, czyli wymusza, aby element znalazł się poniżej elementów pływających (z lewej, prawej lub obu stron). To narzędzie pomocnicze, nie metoda tworzenia opływania tekstem.
- float: left; – to również tworzy opływanie, ale w wariancie przeciwnym: obraz jest po lewej, a tekst układa się po prawej stronie. Jeśli rysunek pokazuje obraz po prawej, ta odpowiedź nie pasuje do przedstawionego układu.
Wskazówka egzaminacyjna: jeśli na grafice obraz jest przy prawej krawędzi akapitu, a tekst jest po jego lewej stronie, najczęściej chodzi o float: right;. Gdy obraz jest po lewej – o float: left;. Właściwość clear rozpoznasz po tym, że "zrzuca" kolejną sekcję poniżej pływających elementów.
