Отступы между элементами списка?

Question

[Kir Shatrov]

iempire.ru/untitled.html


Почему появляются отступы между inline -элементами? Как их убрать?


margin: 0, display:inline-block не помогают никак.


Использовать float нежелательно…

Answer 1

[B@rmaley.e><e]

Если нужно сохранить читабельность кода, можно задать ul'у font-size:0 (и, может быть, что-нибудь еще из той же категории) и восстановить его для li.

Comments

[Kir Shatrov]

Спасибо, помогло =)

Answer 2

[nikel303]

Не ставте пробелы между [/li][li]

Comments

[Kir Shatrov]

Блин, никогда бы не думал что пробелы могут на это повлиять!

[B@rmaley.e><e]

Поведение вполне логично. Вы же ожидаете при написании <span>Hello</span> <span>world</span> пробела между словами? Вот и тут так же.

[B@rmaley.e><e]

Ну и стоит отметить, что такое поведение специфично для инлайновых (вне зависимости от того, являются они таковыми по своей природе (span, b, i, em, strong, etc) или из-за стилей (display:inline)) элементов.

[Айтым Рамазанов]

Зашел на сайт, чтоб тебе лайк поставить

Answer 3

[MT]

<ul
	><li>первый элемент</li
	><li>второй</li
></ul>

Comments

[Kir Shatrov]

Работает, конечно, но код не очень читабелен. И не уверен, что будет валидно.

[MT]

По сравнению с вариантом «вообще не ставить переводы строки», напротив, читабельно.
Валидно.

[pietrovich]

как вариант еще вот так можно, если не хочется рвать теги:

<ul><!--
	--><li>первый элемент</li><!--
	--><li>второй</li><!--
--></ul>

Answer 4

[Anonim_Khb]

Вместо:

<ul>
        <li>Something text 1</li>
        <li>Something text 2</li>
    </ul>

Делаем так:

<ul>
        <li>Something text 1
        <li>Something text 2
    </ul>

Так уберете отступы и избежите "костылей".