css - неупорядоченный список без жестких возвратов

Question

Как сделать так, чтобы неупорядоченный список (ul / li) не начинался с новой строки для каждого LI.Пользователь хочет маркера, но для экономии места, а не показывать маркеры в каждой строке.

Да, я знаю, что это странный запрос.

Answer 1

Вы можете использовать:

li { display: inline; }

Чтобы удалить способ, которым li обычно переходят на новую строку.Люди использовали этот метод в дополнение к стилю: нет;для горизонтальной навигации на основе CSS уже довольно давно.

Answer 2

Попробуйте это:

li {
    float: left;
    margin: 0 15px
}

Answer 3

Лучшим методом, если вам не нужна поддержка http://jsfiddle.net/csswizardry/8czmt/

Это лучше, потому что display: inline намного более предсказуем, чем float: left, что потребует от вас использования clearfix или аналогичного для <ul>.

H

Answer 4

В моем случае все, что мне было нужно, это следующий код:

style='margin-top: 1px;'

Answer 5

Это сделает это:

ul { overflow:hidden; list-style-type:none } //clear internal float and remove bullet
li { margin:0 5px; float:left; width:auto; } //ie6 additions are needed as width auto is problemativ

<ul>
  <li>content</li>
  <li>content</li>
  <li>content</li>
</ul>

Я предпочитаю использовать float, но, конечно, вы можете использовать display: inline также ...

Answer 6

Вы также можете использовать:

li {float:left}

или

.ul_class_name li {float : left}

(если у вас более одного ul и вы хотите сделать это только с этим.

Помните, что вы должны сделать

<div class="clear"></div>

после закрытия ul, если вы выберете это

Answer 7

С float:left; и небольшой настройкой поля / отступа

http://jsfiddle.net/mrmikemccabe/TZqMy/