Удаление краевого поля элемента "li"

Question

Я с этим HTML и всеми его элементами li.gradient-top, кажется, имеют правое ребро

Я проверил несколько инструментов отладчика, но незнаете, почему он помещает поле между элементом li и другим li.

Как удалить это поле?

Answer 1

Это не поле, а символ пробела. Поскольку это встроенные элементы, между ними отображается пробел, если он существует в разметке. Удалите пробелы из HTML. Например:

    <li>...</li>
    <li>...</li>

становится:

    <li>...</li><li>...</li>

Если вы не хотите изменять разметку, попробуйте применить float: left к элементам <li>.