FLOAT
Краткая информация
ОписаниеЗадает выравнивание элемента, а соседние элементы будут обтекать его с других сторон. Когда значение параметра float равно none, элемент выводится на странице как обычно, самое большое - одна строка обтекающего текста может быть на той же линии, что и сам элемент. Синтаксисfloat: left | right | none
Аргументы
Пример
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>float</title> <style type="text/css"> .layer1 { float: left; /* Обтекание по правому краю */ background: #fd0; /* Цвет фона */ border: 1px solid black; /* Параметры рамки */ padding: 10px; /* Поля вокруг текста */ margin-right: 20px; /* Отступ справа */ width: 40%; /* Ширина блока */ } </style> </head> <body> <div class="layer1"> Как ни старались люди, собравшись в одно небольшое место несколько сот тысяч, изуродовать ту землю, на которой они жались, как ни забивали камнями землю, чтобы ничего не росло на ней, как ни счищали всякую пробивающуюся травку, как ни дымили каменным углем и нефтью, как ни обрезывали деревья и ни выгоняли всех животных и птиц, - весна была весною даже и в городе </div> <div> Солнце грело, трава, оживая, росла и зеленела везде, где только не соскребли ее, не только на газонах бульваров, но и между плитами камней, и березы, тополи, черемуха распускали свои клейкие и пахучие листья, липы надували лопавшиеся почки; галки, воробьи и голуби по-весеннему радостно готовили уже гнезда, и мухи жужжали у стен, пригретые солнцем. Веселы были и растения, и птицы, и насекомые, и дети. Но люди - большие, взрослые люди - не переставали обманывать и мучать себя и друг друга. Люди считали, что священно и важно не это весеннее утро, не эта красота мира божия, данная для блага всех существ, - красота, располагающая к миру, согласию и любви, а священно и важно то, что они сами выдумали, чтобы властвовать друг над другом.<br>(Лев Николаевич Толстой, "Воскресение ) </div> </body> </html> | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Просмотров: 292 | Теги: | Рейтинг: 0.0/0 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Всего комментариев: 0 | |