Назначение отступов у ссылок

[aqua.77]

Имеется таблица со списком ссылок. Список имеет ширину 10%. Как сделать чтобы отступы ссылок совпадали с шириной списка?

  <nav>
  <ul>
  <li><a href="uslugi.html">Услуги</a></li>
  <li><a href="klienti.html">Клиенты</a></li>
  <li><a href="projekt.html">Проекты</a></li>
  <li><a href="kontact.html">Контакт</a></li>
  </ul>  
  </nav>      

nav{
 
    display: table;
        border-spacing: 10px;
}
ul{
         display: table-row;
}
li{
    display: table-cell;
    background:       red;
  width: 10%; //Нужно чтобы отступы были точно такими
  text-align: center;
}
a{
    text-decoration: none;
    padding: 0px 10% 0px 10%; //Пробовал сделать такой же отступ, но ширине не соотведствует.
}

 

[alejandro13]

Читаю ваш вопрос и не могу толком понять, что вы хотите - можете как-то понятнее сформулировать?

И код желательно на https://jsfiddle.net/ выкладывать

[aqua.77]

1 час назад, alejandro13 сказал:

понятнее

Элемент списка 10% ширину имеет. 

li{
    display: table-cell;
  width: 10%; //Вот
}

Нужно чтобы ссылка в этом элементе имела отступ как ширина элемента, чтобы заполнять ширину элемента

a{
    text-decoration: none;
    padding: 0px 10% 0px 10%; //Пробовал сделать такой же отступ, но ширине не соотведствует.
}

 

[Igor Schnaider]

Чтобы ссылка заполнила ширину, ей достаточно display: block назначить.

[aqua.77]

1 час назад, Igor Schnaider сказал:

Чтобы ссылка заполнила ширину, ей достаточно display: block назначить.

Cпасибо!! то что надо. Вот где можно все эти элементы узнать? в справочниках? может книга какая?

[alejandro13]

Например:

http://htmlbook.ru/samhtml

http://htmlbook.ru/samcss

В интернете информации много