CSS-стили для списков dl, dt, dd

Элементы dl, dt, dd предназначенных для создания списка определений.

<dl> – общий контейнер (Description List),
<dt> – термин (Description Term),
<dd> – определение этого термина (Description Definition).

Пример разметки:

<dl>
	<dt>Термин №1</dt>
	<dd>Описание термина №1</dd>
	<dt>Термин №2</dt>
	<dd>Описание термина №2</dd>
	<dt>Термин №3</dt>
	<dd>Описание термина №3</dd>
</dl>
HTML
dl {
	margin: 0 0 5px 0;
}
dt{
	font-weight: bold;
	margin: 0 0 5px 0;
}
dd {
	margin: 0 0 15px 0;
}
CSS

Результат:

14.03.2020 , обновлено 16.03.2020

Комментарии

, чтобы добавить комментарий.

Другие публикации

Одна рамка между блоками
Несколько вариантов как схлопнуть (объединить) границы у рядом стоящих блоков.
04.02.2020
222
0
Пример парсинга html-страницы на phpQuery
phpQuery – это удобный HTML парсер взявший за основу селекторы, фильтры и методы jQuery, которые позволяют...
18.03.2020
380
0
jQuery UI Sortable - перетаскивание элементов
Перетаскивание элементов списков, плитки и строк таблиц с помощью плагина jQuery UI Sortable и методы сохранения...
23.11.2017
14509
+5
Аккордеон jQuery UI
jQuery UI Accordion функциональный плагин аккордеона. Рассмотрим примеры использования.
20.02.2019
2792
0
Список Mime
Ниже приведён список MIME-заголовков и расширений файлов.
11.07.2019
936
+1
Верстка списка с отточием
Иногда возникает необходимость сверстать список характеристик товара в две колонки или содержание статьи. Чтобы улучшить восприятие текста такие списки разделяют линиями, в данной статье представлены...
23.11.2016
3437
0