Как пронумеровать каждую <dt>в моем <dl>или использовать маркеры для их перечисления

Question

Как мне использовать числа или маркеры для перечисления каждого dt в моем списке описания? Я пытался, но не смог. Я бы использовал ol, но мне нужно было описать каждый элемент (dt) на моем dl.

Можно ли пронумеровать или использовать маркеры для перечисления моего dt на dl, или я всегда буду отображать список без номеров / bullets, несмотря ни на что?

dl, который я пытался пронумеровать, это dt, см. изображение:

Проверить:

<dl type="number">
<dt>First Item</dt>
<dd>The description of the first item</dd>
<dt>Second Item</dt>
<dd>Description of the second item</dd>
</dl>

Answer 1

dt::before{
    content: '\2022';
    margin: 0 5px
}

или

dt{
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
}

разные типы символы

Answer 2

Приведенные выше ответы не являются неправильными, но тогда вопрос действительно связан с кодом html. Вот что я понял, и это сработало:

<dl>
    <span>&#8226;Apple</span>
    <dd>He like eating at least apples daily</dd>
    <span>&#8226;Orange Juice</span>
    <dd>This is the description of the second dt</dd>
</dl>

Или, вернее:

<dl>
    <dt>&#8226;First Item</dt>
    <dd>This is the description of the first item </dd>
    <dt>&#8226;Second Item</dt>
    <dd>This is the description of the second item</dd>
</dl>

Различные типы символов: https://www.htmlsymbols.xyz/unicode/U+2022

Answer 3

display - заставить элемент вести себя как элемент внутри списка

style-type - установит точку маркера

stype-position - сделает так, чтобы ваш элемент начинался с точка маркера

dt{
  display: list-item;
  list-style-type: disc;
  list-style-position: inside;
}