<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Things I learned Today </title>



    <style>
.class {
 color: blue;

}

#check1 {
    color: chartreuse;
    background-color: darkseagreen;
    border:2px splid black;
   
}
    </style>
</head>
<body>
    <em><h3><ol> <stromg>List of things I learned today:</stromg></ol></h3></em>


   
<li> Inline and block elements</li>
<li>Id and class atttribute</li>
<li>HTML entities</li>

<span><p id="check1"> testing : this is Id</p></span>


<img src="https://images-na.ssl-images-amazon.com/images/S/compressed.photo.goodreads.com/books/1565887502l/51249443.jpg" alt="Love ya ">

<div class="class">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Reiciendis, consequatur quis magnam voluptates qui velit autem voluptate cumque, iusto provident nulla inventore laboriosam non facere adipisci nisi soluta? Autem, molestiae.</div>



<div class="class">Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis excepturi expedita alias modi, provident cumque laudantium architecto itaque natus!</div>
<br> <br>



<!-- HTML entities here -->


&it; div &gt;
<br> <br>


<!-- extra space that HTML ignore fixed here -->

 <em> Hello world</em> &nbsp; &nbsp; &nbsp; &nbsp; dk what's dat help me
</body>



</html>