Мастер-классы по Javascript Екатеринбург Ростов-на-Дону Москва Узнать больше...
Содержание (скрыть) Содержание (показать)

Отступ размером со строку

Есть список UL/LI.

<ul>
  <li>Маша</li>
  <li>Паша</li>
  <li>Даша</li>
  <li>Женя</li>
  <li>Саша</li>
  <li>Гоша</li>
</ul>

Текущие размеры шрифта и строки заданы в стиле для BODY.

Сделайте, чтобы перед каждым чётным элементом был вертикальный отступ ровно в 1 строку. Можно использовать CSS 3.

Результат:
Открыть в новом окне

Исходный документ: tutorial/browser/css/even-margin-src.html.

Выбор элементов
Решение
Выбор элементов

Для выбора чётных элементов можно использовать селектор nth-child.

Решение
Решение

Отступ, размером в одну строку, при line-height: 1.5 — это 1.5em.

Решение:

li:nth-child(2n+1) {
  margin-top: *!*1.5em*/!*;
}

Полный код в песочнице: tutorial/browser/css/even-margin.html.

#489
Наверх

Реклама

Нашли опечатку?

Нашли опечатку на сайте? Что-то кажется странным?
Выделите соответствующий текст и нажмите Ctrl+Enter!

Последние Комментарии

Помоги другим!

Помоги другим узнать о хорошей статье!