суть такова, у меня меню кафе стоит столбиком, как на изображении (прикрепленный файл), как мне сделать чтобы они стояли горизонтально вряд, без промижутков, а под картинками ссылки на эти же картинки
Код HTML
<div class="kyxnia">
<a href="http://kullout.pp.ua/forum/index.php?id=7"><img src="http://kullout.pp.ua/theme/web/selemet/images/bar.jpg"; height="10%" alt="Барное меню" border="0">
<figcaption> Барное меню </figcaption></a>
<a href="http://kullout.pp.ua/forum/index.php?id=8"><img src="http://kullout.pp.ua/theme/web/selemet/images/evro.jpg"; height="10%" alt="Европейское меню" border="0">
<figcaption> Европейское меню</figcaption></a>
<a href="http://kullout.pp.ua/forum/index.php?id=9"><img src="http://kullout.pp.ua/theme/web/selemet/images/sushi.jpg"; height="10%" alt="Суши меню" border="0">
<figcaption> Суши меню</figcaption></a>
</div>а вот сам код CSS класс div class="kyxnia"
КОД CSS (+/-)
.kyxnia {
border: 2px dotted #F4A460;
margin: 0px;
line-height: 0px;
font-size: 14px;
color: #555;
padding: 1px;
text-align: center;
}
.kyxnia figcaption {
margin: 0 15px 0 0; /* Отступы вокруг абзаца */
line-height: 20px;
}
