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

Комментарии

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

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

Несколько вариантов как схлопнуть (объединить) границы у рядом стоящих блоков.
2234
0
phpQuery – это удобный HTML парсер взявший за основу селекторы, фильтры и методы jQuery, которые позволяют...
8716
+4
Перетаскивание элементов списков, плитки и строк таблиц с помощью плагина jQuery UI Sortable и методы сохранения...
20013
+7
Ниже приведён список MIME-заголовков и расширений файлов.
2362
+1
jQuery UI Accordion функциональный плагин аккордеона. Рассмотрим примеры использования.
5511
0
date($format, $timestamp) – форматирует дату/время по шаблону, где...
12473
0