Lists nesting problem

Hello everybody I just began learning HTML so please be patient.

So basically the teacher asked us to creat an unordered lists (ul) inside some ordered lists (ol), the problem is that the ul always shows it’s bullets with circles like so:

I. Ordered Item 1

○ Subitem 1

○ Subitem 2

○ Subitem 3

II. Ordered Item 2

Here is the code:

<ol type=”I”>
<li>List 1</li>
<ul>
<li>Something</li>
<li>Something</li>
<li>Something</li>
</ul>
<li>List 2</li>
<ul>
<li>Something</li>
<li>Something</li>
<li>Something</li>
</ul>
<li>List 3</li>
<ul>
<li>Something</li>
<li>Something</li>
<li>Something</li>
</ul>

</ol>

And I cannot do anything to change the type of bullets no matter what I try, is this a nesting problem with no solution or am I doing something wrong?

We are still not learning CSS and I don’t want to get ahead of myself so I preffer answers with only HTML code, thanks.

Read more here:: Lists nesting problem

Leave a Reply

Your email address will not be published. Required fields are marked *