div and class in html code example

Example 1: how to make a class in html

<ul class="legend">
    <li><span class="greendot"></span>Text</li><br></br>
    <li><span class="yellowdot"></span>Text</li><br></br>
    <li><span class="reddot"></span>Text</li><br></br>
    <li><span class="blackdot"></span>Text</li><br></br>
</ul>

Example 2: what is a div element in html

The <div> tag is nothing more than a container unit that encapsulates other page elements and divides the HTML document into sections.
 The div can be used for reading purposes or to nest all the information inside the div then to style the div through css as a background card.