task_1.html

<html>
    <head>
        <title>task</title>
        <style>
            .a{
                text-indent: 50%;
            }
            .b{
                background-color: aquamarine;
                text-align: justify;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 20px;
            }

ul>li{color:red}
ul p{color:green}
        </style>
    </head>
    <body>
        <div class="a">Hello STUDENT</div>
        <div class="b"><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi, rerum! Reprehenderit quibusdam libero accusantium in, labore nostrum eligendi doloremque sequi ipsa provident nemo doloribus consectetur error magnam laborum possimus nam?</p></div>
        <div id="i">
            <ul>
            <li><p>task1</p></li>
            <li><p>task2</p></li>
        </ul></div>
    </body>
</html>