JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<hr>
Lista Ordenada<br>
<pre>&lt;ol&gt; &lt;li&gt;&lt;/li&gt; &lt;/ol&gt;</pre>
Lista não Ordenada<br>
<pre>&lt;ul&gt; &lt;li&gt;&lt;/li&gt; &lt;/ul&gt;</pre>
Lista por definição<br>
<pre>&lt;dl&gt; &lt;dt&gt; &lt;dd&gt;&lt;/dd&gt; &lt;/dt&gt; &lt;/dl&gt;</pre>
<hr>

Exemplos:<br>
<ol>
  <B>Lista Ordenada ol com li</B>
  <li>Nome</li>
  <li>Telefone</li>
  <li>Endereço</li>
  <li>País</li>
</ol>

<ol type="a">
  <B>Lista Ordenada ol com li por type=a (alfabética)</B>
  <li>Nome</li>
  <li>Telefone</li>
  <li>Endereço</li>
  <li>País</li>
</ol>

<ol type="I">
  <B>Lista Ordenada ol com li por type=I (romano)</B>
  <li>Nome</li>
  <li>Telefone</li>
  <li>Casa</li>
  <li>Estado</li>
</ol>

<ul> <B>Lista não Ordenada ul com li  (titulo) </B> <!-- titulo -->  
  <li>Nome (nivel 1)
    <ul><li>subitem   ul com li (nivel 2) </li>   
        <ul><li>sub-subitem   ul com li (nivel 3) </li></ul>
    </ul>
  </li>
  <li>Telefone (nivel 1) </li>
  <li>Endereço (nivel 1) </li>
  <li>País (nivel 1) </li>
</ul>

<B>Lista por definição dl com dt com dd</B>
<dl>
  <dt>Html</dt>
    <dd> Html Basico</dd>
    <dd> Html Avançado</dd>
  <dt> PHP</dt>
    <dd> PHP Básico</dd>
    <dd> PHP Intermediário</dd>
    <dd> PHP Avançado</dd>
</dl>

</body>