Содержание
Если вам интересно узнать, как разместить изображение справа от текста, вы будете рады узнать, что это довольно простая задача. Есть много ситуаций, когда программисты хотят, чтобы изображение на веб-странице появлялось внутри текста, а текст обтекал вокруг него. К счастью, манипулирование изображениями похоже на манипулирование текстом, поэтому, если у вас есть опыт работы с последним, этот процесс не должен быть сложным.
Фактически, с помощью свойства float CSS, вы можете легко перемещать ваше изображение справа от текста, и текст будет обтекать его с левой стороны. Используйте этот пятиминутный урок, чтобы узнать как.
Начиная
Для начала напишите абзац текста и добавьте изображение в начале абзаца. Это должно быть сделано до текста, но после
тег):
Затем добавьте атрибут стиля к изображению и примените свойство float:
Ваш текст будет врезаться прямо в изображение, поэтому добавьте несколько полей к изображению, чтобы его было легче читать:
Свойство стенограммы поля применяет поля в порядке сверху, справа, снизу и слева (TRBL).
Завершение
И это делает это. Теперь вы видите, что перемещение изображения вправо совсем не сложно. Вы также можете быть заинтересованы в перемещении изображения влево и перемещении его к центру. Хотя первый шаг возможен, к сожалению, вы не можете поместить изображение в центр, поскольку для этого обычно требуется двухколонный макет.