ul, li — разместить элементы списка горизонтально

По-умолчанию элементы списка будут располагаться вертикально. В случае, если необходимо разместить их горизонтально, можно использовать седующий способ:
HTML:

<ul class="hor_nav">
<li>Меню 1</li>
<li>Меню 2</li>
<li>Меню 3</li>
</ul>

CSS:

ul.hor_nav {
margin: 0;
padding: 0;
}
ul.hor_nav li {
display: inline;
margin-right: 4px;
padding: 2px;
}

Главным в данном примере является то, что к селектору li добавлен стилевой атрибут display со значением inline, который преобразует блочный элемент во встроенный. Также, чтобы убрать отступы вокруг списка, добавлены параметры margin и padding к селектору ul.

• css текст из рамки
• text-overflow ellipsis 2 строки
• input radio color
• яндекс карта зависает при клике на метку
• Загрузка iframe YouTube по клику