Тег "div"

Тег <div>…</div> является блочным элементом. Предназначен для группирования элементов документа с целью изменения вида содержимого через стили.


Чтобы задать стиль блока, надо прописать атрибут class или id.

style.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;
}

Подключаем к странице.

Внутри body пишем.

<div class="block1">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet
dolore magna aliguam erat volutpat.
</div>
<div id="block2">Ut wisis enim ad minim veniam, quis nostrud
exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex
ea commodo consequat.
</div>

Пример.


Понравилась страница? Поделитесь ссылкой в социальных сетях. Поддержите проект!