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