Обтекание текста вокруг div

0

надеюсь, ты можешь мне помочь

Я пытаюсь создать новостной сайт

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

Надеюсь, вы понимаете, что я имею в виду

Теги:

2 ответа

1
Лучший ответ

Вы хотите добавить float: left; и float: прямо к вашим свойствам CSS.

Вот скрипка, которая отображает это: http://jsfiddle.net/MathiasaurusRex/3W256/

Вы обмениваете свой <img> в теги <p> и плаваете каждый тег, какой бы вы его ни хотели.

CSS

p{float:left;}
img{float:right;}

HTML

<div>
    <p> <img src="http://lorempixel.com/400/200/"/>"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness."</p>
</div>
  • 2
    Спасибо за ответ ... Проблема в том, что я хочу, чтобы текст в одном div и изображение в другом, потому что я хочу добавить описание изображения ниже
  • 0
    Используйте ту же концепцию, что и выше, но вместо помещения изображения в теги <p> поместите div, который содержит изображение и описание изображения. jsfiddle.net/MathiasaurusRex/3W256/1
0

используйте inline для свойства отображения div.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню