Горизонтальное меню <ul>: как исправить ширину элементов списка

Question

У меня горизонтальное <ul> меню. Как я могу зафиксировать ширину <li> элементов, скажем, 250px каждый?

Answer 1

Стилизация тега A может помочь сохранить согласованность и дать вам немного больше гибкости, чем стилизация тега LI, особенно если вы в конечном итоге создаете многострочные пункты меню.

ul li {
   float:left;
}

ul li a {
   display:block;
   width:250px;
}

Вы также должны использовать CSS reset для поддержания согласованности между браузерами.

Answer 2

Вы можете сделать это с помощью CSS:

ul > li { width: 250px; }

В зависимости от того, что вы делаете, горизонтальное меню, вам также может понадобиться стиль display:block;.

Answer 3

То, что Ник и Диодей оба считают правильным, но если вы не хотите, чтобы все элементы вашего списка имели такую ​​ширину, вам лучше добавить идентификатор для этого ul, а затем нацелиться на него в своем CSS.