Как центрировать <li> относительно границ <ul>?

353
17 января 2017, 22:55

Как можно центрировать элементы списка <li> относительно границ списка <ul>?

ul { 
  border: dashed blue 2px; 
  list-style-position: inside; 
  text-align: center; 
} 
li { 
  border: dashed green 2px; 
}
<ul> 
  <li>Text</li> 
  <li>Text</li> 
  <li>Text</li> 
</ul>

Answer 1

@Rumata Может так?

ul { 
  border: dashed blue 2px; 
  list-style-position: none; 
  margin: 0; 
  padding: 0; 
} 
li { 
  border: dashed green 2px; 
  margin: 0; 
  padding: 0; 
  text-align: center; 
}
<ul> 
  <li>Text</li> 
  <li>Text</li> 
  <li>Text</li> 
</ul>

ПОСЛЕДНИЕ ВОПРОСЫ
Все вопросы
Подробнее о сайте hersones.com.ua
ТОП-10
READ ALSO
Плавное изменение позиции фона
HTML

Плавное изменение позиции фона

Здравствуйте! Я не могу понять, как можно сделать плавный эффект изменения позиции фона

 472
Как в CSS сверстать неровную фигуру?
HTML

Как в CSS сверстать неровную фигуру?

Нужно сверстать вот такую фигуру, но не знаю как правильно это сделатьДелал квадрат и через before добавлял обрезанный border, но на разных разрешениях...

 375
Как сделать, чтобы при нажатии на картинку скачивался файл?
HTML

Как сделать, чтобы при нажатии на картинку скачивался файл?

Подскажите пожалуйста)) Как сделать чтобы при нажатии на картинку скачивался документ? Я сделала через download НО как его привязать к картинке??

 632
Градиентная заливка треугольника в CSS
HTML

Градиентная заливка треугольника в CSS

Эта косая граница между двумя цветами сверстана как псевдоэлемент в виде прямого (прямоугольного) треугольника

 435