Свойства текста

text-decoration: underline - нижнее подчеркивание overline – линия над текстом line-through – перечеркнутый текст none – оформление отсутствует (попробуйте применить это значение к гиперссылке, чтобы получить ссылку без подчеркивания)

text-align – выравнивание текста и инлайн элементов. center – по середине left – влево right – вправо

vertical-align – выравнивание элементов внутри строчки по вертикали top – по верху bottom – по низу middle – по середине line-height - высота строки

Хак: если выставить высоту строки равной высоте блока, то строчка текста выровняется посередине, по высоте.

Практика: Выровнять три блока по центру

Задача: разместить блоки разной высоты в линию

Теперь попробуем добавить текст в один div’ов. Как видим один из блоков уезжает вниз. Его позиция кажется бесмысленной, но на самом деле всего блоки выровнены по так называемой базовой линии (baseline)

Для того, чтобы исправить ситуацию, нужно применить свойство vertical-align:bottom для выравнивания по низу блоков, либо vertical-align:top для выравнивания по верху блоков

Задача: разместить блоки разной высоты в линию по верхнему краю

Домашнее задание: 1) Сделать верстку в стилистике pinterest