2015-11-12 2 views
0

Любая помощь была бы принята с благодарностью. Я создал jsfiddle для кода - http://jsfiddle.net/dfo44q7f/css - центр горизонтальный пункт меню

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Untitled</title> 
</head> 
<body> 
<ul class="nav"> 
    <li><a href="/">Menu1</a></li> 
    <li><a href="/Menu2/">Menu2</a></li> 
    <li><a href="/Menu3/">Menu3</a></li> 
</ul> 
</body> 
</html> 

как я?

  • Центр текста в ли?
+0

Текст центрирован в элементе списка. Это просто не похоже на то, потому что вы положили много дополнений слева. – timgvandijk

ответ

0

изменить отступы на:

.nav a 

для:

padding: 10px 0 10px 0; 

или:

padding: 10px 40px 10px 40px; 

Второе значение для правильного заполнения и четвертый для левого заполнения , вам нужно будет установить их на одно и то же значение, если вы хотите, чтобы он был центрирован.

+0

благодарит всех за ответ. Я обновил код .. http://jsfiddle.net/dfo44q7f/3/ мой вопрос: как добавить добавление влево и вправо от пункта меню без изменения ширины нижней границы под текстом? – Lacer

+0

@Lacer вам нужно будет добавить прописку справа и слева, здесь я изменил прокладку http://jsfiddle.net/dfo44q7f/4/ –

Смежные вопросы