|
|
|
|||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||
 |
margin |  |
||
|
padding | |
||
| text text text text | ||||
|
||||
|
Синтакис:
тег {
margin-top: значение;
margin-bottom: значение;
margin-left: значение;
margin-right: значение;
padding-top: значение;
padding-bottom: значение;
padding-left: значение;
padding-right: значение; }
Значение - число в px, %, em
Как разместить рисунок слева от текста без таблицы
Принцип: помещаем в div картинку с align="left" и текст с отступом от левого края шириной в размер картинки плюс еще некоторое расстояние на «просвет»:
<div> <p><img ... align="left"></p> <p style="padding-left:60px">Bla bla ...</p> </div>
Результат:
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
Если текстовки меньше, чем высота картинки, то, в случае нескольких подобных лент, чтобы не налазило друг на друга, играемся со свойством clear:
<div> <p><img ... align="left"></p> <p style="padding-left:60px">Bla bla ...</p> </div> <p style="clear:both"><hr></p> <div> <p><img ... align="left"></p> <p style="padding-left:60px">Bla bla ...</p> </div>
Результат:
Bla bla bla bla
Bla bla bla bla
