Various Lists.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Lists</title>
    <link rel="stylesheet" href="lists.css">
</head>
<div>

        <h1>
            Understanding Lists
        </h1>
        
        <p>This has been an <em> interesting </em> topic</p>
        
        <body>
                <h2
                style="color:darkblue">
                        <strong> Must to today (ordered list) </strong>
                    </h2>
                    
                    <ol>
                    <li>Learn Lists </li>
                    <li> Eat avocado </li>
                    <li> Drink Water </li>
                    </ol>
        
        <h3 style="color:darkgreen">
        Things I want to accomplish sometime this week (unordered list)
        </h3>
        <ul>
           <li> Improve my CSS skill </li> 
           <li> Face Javascript with a cool head </li> 
           <li> Reward myself with a nice meal at Endiro </li> 
        </ul>
            
        <h4 style="color:darkorange">
        <em> What next? </em> (definition lists)
        </h4>
        <di> What do I want to do after this? </di>
        <dd> Become a Top Class Developer </dd>
        <dd> It would be nice to transition into a kick-ass UI designer </dd>
        <dd> Would I be too ambitious to want a <em> successful </em> app under my belt? </dd>
        
    
</div>
        

</body>
</html>