При створенні резинового макета ми маємо використовувати плаваючі елементи (float) та відсотки (%) для завдань розмірів елементів.
Розмістимо текст у дві колонки. Для цього поділимо сторінку на блоки.
Цю сторінку вкладемо в блок <div id="page">.
І блок page вкладемо два блоки: main-title, який містить заголовок h1, і блок blog.
Блок blog містить блок main (ліва колонка: фото і два абзаци) та блок other (права колонка: два абзаци й фото).
div із заданим класом
Для блоку main:
float: left, що формує ліву колонку,fon2.jpgДля блоку other:
float: left, що формує праву колонку,navyРезультат:
якби потрібно було три колонки, то ми б поділили текст на три блоки і зробили б усі три блоки плаваючими.