HTML-разные стили ul в одном и том же коде (не используйте ссылки)

Question

У меня есть текст с двумя неупорядоченными списками. На кулаке должны быть тикмары, а на втором просто пули. Предполагается, что текст будет отправлен по электронной почте, поэтому я не должен использовать ссылки css, поскольку я не уверен, что получатели имеют к ним доступ.

Мне нужно создать два списка, один с отметками и один с маркером.

Итак, теперь я хочу еще один список с пулями. Как я могу это сделать?

Я хочу два списка, один с отметками и один с маркерами

Answer 1

Если вы не хотите использовать ссылки CSS, вы можете включить свой CSS в HTML с тегом стиля:

.custom-ul {
  list-style: none;
}
.custom-ul > li:before {
   content: '\2714\0020';
   margin-left: -1em;
}

Затем примените класс .custom-ul к вашему первому списку. Вы можете попробовать отметки с кодами \ 2713, \ 2714, \ 2611.
Codepen