Как установить высоту элементов списка в HTML?

Question

Вот мой код:

HTML

<div class="menu">
    <ul>
      <li class="active"><a href="index.html">HOME</a></li>
      <li class="active"><a href="#">COMPANY</a></li>
      <li class="active"><a href="#">SOLUTIONS</a></li>
      <li class="active"><a href="#">SERVICES</a></li>
      <li class="active"><a href="#">NEWS & EVENTS</a></li>
      <li class="active"><a href="#">BLOGS</a></li>
      <li class="active"><a href="#">CONTACTS</a></li>
    </ul>
  </div>

CSS

.header .menu ul { margin:33px 10px 0 0; padding:0; float:right; width:auto; height:12px; list-style:none;}
.header .menu ul li { margin:0 4px; float:left;}

Он не распознает высота .Зачем?Как установить высоту пункта меню?

Answer 1

Вам не хватает точки с запятой: -)

Вы также можете попробовать установить свойство line-height тегов li, чтобы изменить положение текста в элементе.

Answer 2

Высота установлена ​​на правильном элементе?Вы спрашиваете, как установить высоту пункта меню (предположительно, li), но ваш CSS говорит, что вы устанавливаете высоту ul.Возможно, перемещение height: 12px; оттуда к .header .menu ul li может помочь.

Answer 3

ul установлен на высоту 12 пикселей, по крайней мере, в Firefox.

Answer 4

.header .menu ul { margin:33px 10px 0 0; padding:0; float:right; width:auto;list-style:none;}
.header .menu ul li { margin:0 4px; float:left;}
.active{height:50px;}