Раз в неделю мы отправляем дайджест с самыми популярными статьями.

[Урок 14] CSS разметка HTML страницы в две колонки

Наша задача разметить HTML  страницу на 2 колонки, и использовать этот шаблон в будущем на всех страницах нашего сайта. Т.к. мы хотим задать у блока aside отступ от контента (что бы не прилипал), то зададим ему padding-right: 5% и ширину width: 25%.

В нашем примере мы будем ставить колонку справа, и зададим ей CSS свойство float: right. Не забываем задать родителю clearfix, или overflow: hidden.

Ссылки на другие видео-уроки:

[Введение] Основы HTML и CSS для начинающих
[Урок 1] Видеокурс обучение по верстке сайта
[Урок 2] Как подключить CSS к HTML
[Урок 3] Подключение внешнего CSS файла лучше чем тег style
[Урок 4] Cтруктура HTML страницы
[Урок 5] CSS Свойства display на HTML странице
[Урок 6] Что такое id в HTML посмотрим на примере header и main
[Урок 7] Аттрибут class в HTML, например в тегах div, h1, p, span
[Урок 8] Оформление header, используем padding в HTML
[Урок 9] Как сделать ссылку в html
[Урок 10] Оформляем горизонтальное меню на CSS
[Урок 11] CSS свойство float: left и float: right
[Урок 12] Контент сайта и H1 заголовок в HTML
[Урок 13] Подготавливаем структуру HTML кода для двух колонок
[Урок 14] CSS разметка HTML страницы в две колонки
[Урок 15] Как HTML блок через CSS выровнять по центру