Ссылки блоком

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

Хочется сделать mainmenu и другие скрипты в блочном стиле(скрин будет ниже, ничего другого не нашел). В общем сейчас у нас mainmenu идет столбцом, а я хотел бы сделать его блоком, как на скрине, ну и плюс название ссылки выводить рядом, желательно чтобы это было под тач, если это как то поможет, то у меня джон 3.2.2, можно просто идею подкинуть, а я уже сделаю. Заранее спасибо, надеюсь внятно объяснил.

Хм...боюсь ошибиться при ответе, ибо не знаю в php это или в css делается, ну скорее всего в css...зайти на spaces на главную и посмотри код, если в коде где эти самые блоки присвоены class то скорее всего делается при помощи css, хотя могут и последовательно эти блоки-ссылки вставлены по три штуки в строку, а потом уже в css оформляются рамочкой и оттенком...сори, если что не так...

В стиле добавь

display: inline-block;

И размер добавь. Плитки будут тулиться рядом друг к другу и перетекать при сжатии страницы

.block{
display: inline-block;
width: 15px;
height: 15px;
margin: 2px;
padding: 2px;
}

echo '<div class="block">Здесь пункт меню</div>';

//Например

Тема для Touch экранов может в этом дизе что то подчерпнешь для себя )

.menu>a {
display: inline-block;
}
в хроме на смарте открой ссылку view-source:johncms.com

Всем спасибо, понял как сделать)