DIV и CSS
Элемент <div> является блочным и предназначен для выделения фрагмента документа с целью изменения вида содержимого. Вид блока управляется стилями. Что-бы каждый раз не описывать стиль в самом теге, можно описать стили в таблице стилей, а тегу добавить "class" или "id" с именем селектора.
Как и у других блочных элементах, содержимое тега <div> всегда начинается с новой строки. Также после него добавляется перенос.
Синтаксис
<div> ... </div>
Атрибуты
align - задает выравнивание содержимого тега <div>.
title - добавляет всплывающую подсказку к содержимому.
Пример использования
<html>
<head>
<style type="text/css">
.block1 {
width: 200px;
background: #ccc;
padding: 5px;
padding-right: 20px;
border: solid 1px black;
float: left;
}
.block2 {
width: 200px;
background: #fc0;
padding: 5px;
border: solid 1px black;
float: left;
position: relative;
top: 40px;
left: -70px;
}
</style>
</head>
<body>
<div class="block1">Жили да были дед со старухой, и было у них 3 дочери ...</div>
<div class="block2">Мальчик спальчик вышел в поле, и понял, что идти ему придется ооочень долго ...</div>
</body>
</html>
Если информация на нашем сайте была полезна для Вас и вы хотели бы нас как-то отблагодарить, ниже есть форма Добровольных пожертвований. Все собранные средства пойдут на оплату сервера и развитие райта.
