Используем float: left, чтобы выстроить преимущества в ряд. После этого добавим псевдораспорку непосредственному родителю колонок (списку), чтобы убрать нежелательный эффект выпадания флоатов.

Чтобы добавить псевдораспорку, нужно просто добавить тегу класс clearfix, стили для которого мы задали ранее.

Подобным образом мы действовали в задании части «Сетки» тренажёра «Построение сеток».