HTML_basics_homework_task2.html

<!doctype html>
<html>
    <head>
        <title>Task2</title>
        <link rel="stylesheet" type="text/css" href="task2.css"/>
    </head>
    <body>
        <div id="wrapper">
            <div>Preceeding Text</div>
            <ol>
                <li>List Item 1
                    <ol id="nested_1">
                        <li>Nested Item 1.1</li>
                        <li>Nested Item 1.2</li>
                    </ol>
                </li>
                <li>List Item 2
                    <ol id="nested_2">
                        <li>Nested Item 2.1</li>
                        <li>Nested Item 2.2
                            <ul id="nested_2_2">
                                <li>Nested Item 2.2.1</li>
                                <li>Nested Item 2.2.2
                                    <ul id="nested 2_2_2">
                                        <li>Nested Item 2.2.2.1</li>
                                        <li>Nested Item 2.2.2.2</li>
                                    </ul>
                                </li>
                                <li>Nested Item 2.2.3</li>
                            </ul>
                        </li>
                        <li>Nested Item 2.3</li>
                    </ol>
                </li>
                <li>List Item 3
                    <ul id="nested_3">
                        <li>List Item 3.1</li>
                        <li>List Item 3.2</li>
                        <li>List Item 3.3</li>
                    </ul>
                </li>
            </ol>
        </div>
    </body>
</html>