DIV
Один из самых часто используемых блочных элементов -
<DIV> служит для управления отображением какого-либо текстового или графического контента. Как правило, вид блока управляется с помощью стилей. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить параметр
class или
id с именем селектора.
<html>
<head>
<style type="text/css">
.block1 {
width: 400px;
background: #111;
color: #fff;
padding: 5px;
padding-right: 10px;
position: absolute;
border: solid 1px black;
}
.block2 {
width: 350px;
background: #ccc;
padding: 5px;
padding-right: 10px;
border: solid 1px #ccc;
position: relative;
top: 60px;
left: 150px;
}
</style>
</head>
<body>
<div class="block1">Как можно удалить пятно?
Советы и способы удаления различных пятен. Как можно легко
вывести пятна от какао, травы, масляных красок, смолы,
крови, железа, различных препаратов и химических веществ.
</div>
<div class="block2">Кустарное изготовление комнатных
бенгальских огней. Наверное любой мальчишка задумывался в детстве
о секретах производства бенгальских свечей.
<a href="http://www.lformula.ru/" target="_blank">Подробности</a>
</div>
</body>
</html>
|
Результат:
Как можно удалить пятно?
Советы и способы удаления различных пятен. Как можно легко вывести пятна от какао, травы, масляных красок, смолы, крови, железа, различных препаратов и химических веществ.
Кустарное изготовление комнатных
бенгальских огней. Наверное любой мальчишка задумывался в детстве
о секретах производства бенгальских свечей.
Подробности
Параметры:
align Задает выравнивание тега
title Добавляет всплывающую подсказку
Параметр ALIGN
Выравнивает содержимое блока. В
CSS используется аналогичный атрибут -
text-align.
center Выравнивание текста по центру
left Выравнивание текста по левому краю *
right Выравнивание текста по правому краю
justify Выравнивание по ширине
<div align="justify">
Параметр TITLE
Добавляет поясняющий текст к блоку, появляющийся в виде всплывающей подсказки.