Untitled

<!DOCTYPE html>
<html>
<head>
    <meta charser="UTF-8"/>
    <title>HTML lists</title>
</head>
<body>
    <div>Preceding text
        <ol type="I">
            <li>List Item 1
                <ol type="a">
                    <li>Nested Item 1.1</li>
                    <li>Nested Item 1.2</li>
                </ol>
            </li>
            <li>List Item 2
                <ol>
                    <li>Nested Item 2.1</li>
                    <li>Nested Item 2.2
                        <ul type="circle">
                            <li>Nested Item 2.2.1</li>
                            <li>Nested item 2.2.2</li>
                                <ul type="square">
                                    <li>Nested Item 2.2.2.1</li>
                                    <li>Nested Item 2.2.2.2</li>
                                </ul>
                            <li>Nested Item 2.2.3</li>
                        </ul>
                    </li>
                    <li>Nested Item 2.3</li>
                </ol>
            </li>
            <li>List Item 3
                <ul type="disc">
                    <li>Nested Item 3.1</li>
                    <li>Nested Item 3.2</li>
                    <li>Nested Item 3.3</li>
                </ul>
            </li>
        </ol>
    </div>
</body>
</html>