Обтекание текста вокруг изображения (или любого элемента)

Question

Есть ли способ с помощью CSS обернуть текст на обеих сторонах элемента (например, изображение). Я пытаюсь расположить изображение в середине абзаца и хотел бы, чтобы текст обтекал его. Пожалуйста, смотрите изображение для примера.

Позиционирование элемента обычно выводит его из потока документов; так что это не работает.

Answer 1

Я так не думаю, нет. Не без работы с несколькими текстовыми столбцами.

Я только что собрал одно возможное решение. Вы можете получить к нему доступ по адресу http://www.sampsonresume.com/labs/img- в-средний /

Answer 2

Единственное, что я видел похожее на это, это статья A List Apart: Cross-Column Выдвижная часть вторая: пользовательские силуэты . Вам все еще нужно несколько текстовых столбцов, и даже ALA перечисляет их как & Quot; экспериментальный & Quot ;. Это может стоить проверить, хотя.

Пример здесь .

Answer 3

Не без некоторого очень сложного / утомительного анализа текста. Но любой, кто попытается прочитать этот текст, будет ненавидеть вас, если вы заставите его перескакивать назад и вперед по изображению дважды в строке, так что это, вероятно, хорошо.