Where could the CSS have gone?

Question

css

1, 2, 6, 7 is a numbered list
3, 4, 5 is a bulleted list.
in the HTML code everything is in order
In the CSS I can not find the problem. for ul li - the following is written: list-style-type: square;
where is the joint? 2 day I fight.

Answer 1

Write styles like this ul > li {styles}, ol > li {styles}

Answer 2

You either have an indent for ul or ul in a block next to ol or crap with blocks. IMHO (it looks even better this way)

Answer 3

Everything is simple here. You have a list layout that looks like this in the screenshot:

<ul>
    <li>Text</li>
    <li>Text 
        <li>Text</li>
        <li>Text</li>
        <li>Text</li>
    </li>
    <li>Text</li>
</ul>

Change to this option:

<ul>
    <li>Text</li>
    <li>Text</li>
    <li>Text</li>
    <li>Text</li>
    <li>Text</li>
    <li>Text</li>
</ul>