Цикл статей «CSS учебник».
Следующая статья — «».
Предыдущая статья — «CSS позиционирование».
Можно выравнивать блоковые элементы по правому или левому краю с помощью указания свойства position:absolute и right:0px или left:0px.
Можно выровнять блоковый элемент по центру, указав margin-left:auto и margin-right:auto.
Можно использовать свойство float. Значение left означает выравнивание по левому краю. В этом случае другие элементы будут обтекать его справа. Значение right означает выравнивание элемента по правому краю. Остальные элементы будут обтекать его слева.
|
1 2 3 4 |
<img src="myimg.jpg" style="float:left;"> <p> Этот текст будет обтекать картинку справа. </p> |
Результат будет выглядеть примерно так:
Описание CSS-свойства float с примером.
Можно отменить обтекание элементов с установленным свойством float . Для этого нужно использовать свойство clear. Возможные значения: both (отменяет обтекание со всех сторон), left (отменяет обтекание слева), right (отменяет обтекание справа).
|
1 2 3 4 |
<img src="image0001.png" style="float:left;"> <p>Этот текст будет обтекать картинку.</p> <p style="clear:left;">Этот текст не будет обтекать картинку.</p> <div> |
В этом примере текст в первом теге <p> будет обтекать картинку, как в примере выше. А текст во втором теге <p> будет располагаться ниже картинки так, как он располагался бы без выравнивания картинки по левому краю.
Описание CSS-свойства clear с примером.
Цикл статей «CSS учебник».
Следующая статья — «».
Предыдущая статья — «CSS позиционирование».