Тег ul li - оформление ненумерованного списка

Тег ul и li улучшают читабельность текста, поэтому нужно позаботиться о том, чтобы они красиво выглядели, давайте посмотрим какие у них есть настройки...

list-style-type - стиль ненумерованного списка

Параметры такие могут быть:

• disc  - черный закрашенный кружочек (по-умолчанию).
• square - в качестве маркера - закрашенный или не закрашенный квадратик.
• circle - в качестве маркера выступает не закрашенный кружок.
• none - маркер отсутствует.
• initial - устанавливает значение свойства в значение по умолчанию.
• inherit - наследует значение свойства от родительского элемента - часто такое можно увидеть.
• armenian - традиционная армянская нумерация.
• decimal   -  1, 2, 3, 4, 5, …
• cjk-ideographic     Идеографическая нумерация.
• lower-alpha     a, b, c, d, e, …
• upper-alpha     A, B, C, D, E, …
• lower-latin     a, b, c, d, e, …
• upper-latin     A, B, C, D, E, …
• lower-roman     i, ii, iii, iv, v, …
• upper-roman     I, II, III, IV, V, …
• lower-greek - строчные символы греческого алфавита.
• decimal-leading-zero     01, 02, 03, 04, 05, …
• georgian     Традиционная грузинская нумерация.
• hebrew     Традиционная еврейская нумерация.
• hiragana     Японская нумерация: a, i, u, e, o, …
• hiragana-iroha     Японская нумерация: i, ro, ha, ni, ho, …
• katakana     Японская нумерация: A, I, U, E, O, …
• katakana-iroha     Японская нумерация: I, RO, HA, NI, HO, …

Также можно настроить margin-left - желательно, чтобы список имел отступ слева хотя бы пикселей 40-60.

Пример:

ul {list-style-type: none;}
ul {list-style-type: disc;}

Интересные и прогрессивные стили для ненумерованных списков

1) Например, попробуем его сделать в виде закрашенного квадрата:

ul>li:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 9px;
    width: 8px;
    height: 8px;
    background: #5a80b1;

}

 ul li {
    position: relative;
    padding-left: 40px;
    margin: .7em 0;

}

То есть, тут применяются псеводэлементы