Как разместить изображение справа от текста

Этот пятиминутный урок объясняет, как

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

Фактически, с помощью свойства float CSS, вы можете легко перемещать ваше изображение справа от текста, и текст будет обтекать его с левой стороны. Используйте этот пятиминутный урок, чтобы узнать как.

Начиная

Для начала напишите абзац текста и добавьте изображение в начале абзаца. Это должно быть сделано перед текстом, но после тега

):

Затем добавьте атрибут стиля к изображению и примените свойство float:

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

 Suni 

Свойство стенограммы поля применяет поля в порядке сверху, справа, снизу и слева (TRBL).

Завершение

И это делает это. Теперь вы видите, что перемещение изображения вправо совсем не сложно. Вы также можете быть заинтересованы в перемещении изображения влево и перемещении его к центру. Хотя первый шаг возможен, к сожалению, вы не можете поместить изображение в центр, поскольку для этого обычно требуется двухколонный макет.

Оцените статью
Solutics.ru
Добавить комментарий