1

Это ссылки отображающиеся в ul-ном списке, рамки сделаны именно для ссылок

Это ссылки отображающиеся в ul-ном списке, рамки сделаны именно для ссылок. Как сделать так что бы текст не прилипал к левой стороне и был по центру?

0

2 ответа 2

0

нужно просто написать:padding-left: (кол-во пикселей)px;

0

text-align: определяет горизонтальное выравнивание текста в пределах элемента. В вашем случае выравнивание текста нужно сделать по центру text-align: center. Пример:

body {
  background: #5ecfcc
}

ul {
  list-style: none;
  width: 200px;
}

a {
  display: block;
  margin: 0 0 10px 0;
  padding: 5px;
  border: 2px solid white;
  border-radius: 10px;
  color: blue;
  text-decoration: none;
  text-align: center; /*это то что вам нужно*/
  transition: 0.5s;
}

a:hover {
  border: 2px solid blue;
  background: white;
}
<ul>
  <li><a href="#">ссылка</a></li>
  <li><a href="#">ссылка</a></li>
  <li><a href="#">ссылка</a></li>
</ul>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.