inline-block

Домашнее задание к лекции 2.2 «Строчно-блочные элементы»

Задача №1

Задачу №1 выполните в редакторе по ссылке «Строчно-блочные элементы. Задание №1»

Нужно сверстать навигацию по сайту.

1. Расположить элементы горизонтально.
2. Задать для пунктов меню фоновый цвет.
3. Задать внутренние поля (padding) для пунктов меню: верхнее и нижнее по 15px, правое и левое по 30px.
4. Вся область каждого пункта меню должна быть кликабельна.
5. Между ссылками должно быть небольшое расстояние или тонкая рамка.
6. У ссылки убрать стандартное подчеркивание и сделать цвет текста черным.

Задача №2

Задачу №2 выполните в редакторе по ссылке «Строчно-блочные элементы. Задание №2»

Нужно исправить ошибку переноса элементов на следующую строку. Элементы должны стоять в 3 колонки. Ширина элементов должна остаться такой же — 33.33%.

---

Перед выполнением работы прочитайте инструкцию по работе с Codepen.

1. Перейдите по ссылке, указанной в начале задания.
2. Нажмите кнопку Fork.
3. Выполните домашнее задание.
4. Нажмите кнопку Save.