Я только что встретился с проблемой, с которой не может иметь дело мой ток (почти равный 0) знание CSS. Вот вещь:
У меня есть некоторый текст в элементе отделения; этот элемент отделения (позволяют нам назвать это контейнером) имеет фиксированную ширину и динамическую высоту (никакие ограничения). Я хотел бы вставить некоторый текст контейнера; после второго слова текста я хотел бы поместить изображение так, чтобы целые вещи более или менее походили на это:
+---------------------+
| I was [x] on my way |
| to the city in the |
| sun |
+---------------------+
где [x] является изображением. Для второй части текста важно перенестись так, чтобы все было похоже в вышеупомянутом примере.
Текст в контейнере может варьироваться; тем не менее, я всегда знаю, какая часть текста идет прежде и какая часть текста следует за изображением.
Как я делаю это с CSS?
Если вы поместите тег
в середину текста, все должно вести себя так же по умолчанию, если вы не переопределите отображение изображения
] имущество. Вы также можете поэкспериментировать со свойством изображения vertical-align
, чтобы оно красиво совпадало с окружающим текстом.