Удалить <li> отступ

Я удалил пулю в свои списки, используя

ul li { list-style: none; }

Но я все еще получаю отступы в списках, как будто там была пуля.

Мне нужно, чтобы элемент списка в изображении был точно центрирован.

Ответы

Ответ 1

ul,li { list-style-type: none;
        list-style-position:inside;
        margin:0;
        padding:0; }

http://meyerweb.com/eric/tools/css/reset/

Ответ 2

Все предоставленные ответы помогут исправить вашу проблему, но я определенно рекомендую вам ознакомиться с таблицей стилей reset, чтобы у вас не было проблем с перекрестным браузером!

Самый лучший (ну, по крайней мере, самый популярный), скорее всего это:

http://html5doctor.com/html-5-reset-stylesheet/

Надеюсь, что это поможет вашей проблеме, но если вы не хотите просто использовать таблицу стилей reset:

ul, li{
    margin: 0;
    padding: 0;
}

Ответ 3

Если вы хотите центрировать текст, попробуйте

li{ 
  padding-left: 0px; 
  padding-right:0px; 
  margin-left:0px; 
  margin-right:0px; 
  text-align:center;
}

Ответ 4

Вы также можете добавить маржу и дополнение 0:

ul li { 
   list-style: none; 
   margin:0;
   padding:0;
}