2013-11-10 8 views
0

надеюсь, что вы можете помочь мнеОбтекание текста вокруг DIV

Я пытаюсь создать newssite

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

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

ответ

1

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

Вот скрипку, которая показывает это: http://jsfiddle.net/MathiasaurusRex/3W256/

Вы обернуть < IMG> в ваших < р> теги и всплывают каждый тег в зависимости от того, как вы хотите.

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, содержащий изображение и описание изображения. http://jsfiddle.net/MathiasaurusRex/3W256/1/ –

0

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

Смежные вопросы