Как сделать внутренний отступ между элементами li?

Question

[junart]

Есть блок DIV с фиксированной шириной 1024px.
В блоке имеется список UL. Список должен быть выровнен по левому и правому краю родительского div без отступов, а отcтупы должны быть только внутри, между элементами li

Comments

[Александр Борисович]

А вопрос?

[junart]

Как сделать внутренний отступ между элементами li?

[Александр Борисович]

@junart оступ куда? влево вправо или по вертикали?

Answer 1

[KoiGva]

css-live.ru/articles-css/ravnomernoe-vyravnivanie-...

Comments

[junart]

Похоже на правду, но не подходит. Там фиксированное количество li

Answer 2

[Maksim Zverev]

Вопрос весьма тривиальный и обсуждался много раз. Самый простой способ присвоить ul display:table и width: 100% а li display: table-cell

Comments

[junart]

ul лежит в блоке div (width:1024px), при задании ul (width:100%) - выходит за пределы родительского блока. К тому же отступы не заданы

[Maksim Zverev]

Так обнулите padding и margin у ul и добавьте padding к li

[Maksim Zverev]

@junart фоны, отступы и прочее, специально для понимания того, как это работает codepen.io/anon/pen/Jrvkj

[Александр Борисович]

@m1skam codepen.io/anon/pen/Lyvob так чтоли?

[Maksim Zverev]

@Alexufo Что так?

[Александр Борисович]

@m1skam а что не так?

Answer 3

[rdev]

Например так
jsfiddle.net/rdev/s3Bs9

Comments

[junart]

Я ведь написал, что без отступов по краям...еще хочу уточнить li в одну линию

[Александр Борисович]

@junart еще хочу уточнить li в одну оинию ну не капец ли? Больше ничего не забыли?)))

[Александр Борисович]

@Alexufo опишите вопрос четко.

Answer 4

[Александр Борисович]

padding
или
line-height

Answer 5

[Юрий Лобанов]

Ваш вопрос должен звучать так:
Как мне распределить элементы списка в одну линию на равные расстояния. Список помещен в контейнер с фиксированной шириной. Количество элементов списка не определено.

Ответ Вам дал @m1skam
Дополню, что для этого сейчас существует flexbox. Рекомендую познакомиться с ним.