Как убрать маркеры у списка

Короткий ответ

list-style: none убирает маркеры, а padding: 0 — отступ слева:

<ul style="list-style: none; padding: 0;">
  <li>First item</li>
  <li>Second item</li>
</ul>

Откуда берётся отступ

Браузер сам добавляет списку отступ слева — в нём и рисуются маркеры. Обычно это padding-left, поэтому без padding: 0 пункты остаются сдвинутыми вправо даже без маркеров. Верхний и нижний margin у списка тоже есть: при необходимости обнулите и его.

Список карточек

Без маркеров список удобно превращать в набор карточек или меню, сохраняя правильную разметку:

<style>
  .cards { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
  .cards li { padding: 10px; border-radius: 8px; background: whitesmoke; }
</style>
 
<ul class="cards">
  <li>Tea — $3</li>
  <li>Coffee — $5</li>
</ul>

Частая ошибка

Ради отсутствия маркеров список заменяют набором <div>. Внешне то же самое, но программы чтения с экрана больше не сообщают «список из трёх пунктов». Оставляйте <ul> и <li>, а маркеры убирайте в CSS.