У меня есть список HTML. Браузер должен видеть существование списка и расположить элементы соответственно, однако я не хочу, чтобы это показало маркер рядом с каждым элементом. Таким образом, нормальный список появляется как это:
- текст A
- текст B
- текст C
Я хочу, чтобы мой список появился как это:
текст A
текст B
текст C
ul { list-style: none; }
Это избавляет от пулевых очков. Теперь вы можете задать стили для их пробела, как в вашем примере, если вы действительно этого хотели:
li { padding: 5px 0; }
Если вы также не хотите, чтобы список с отступом после удаления пуль, это займет еще один бит, как например:
ul {
list-style: none;
margin: 0;
padding: 0;
}
Если вы не установите оба маржа и отступ в 0, это будет выглядеть либо прямо в FF или IE, но не в обоих
.Альтернативно, вы также можете использовать список определений dl (dl
, dt
, dd
) без определений (dt
элементов).
<dl>
<dd>text A</dd>
<dd>text B</dd>
<dd>text C</dd>
</dl>
Но семантически я думаю, что неупорядоченный список (ul
, li
) лучше подходит для вашей конкретной цели :) Так что давайте просто кусок хорошего CSS, как объяснил Эрик.