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

396
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>

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

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

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

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

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

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

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

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

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

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

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

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

 478