Making a legend in html

 <ul class="legend">
    <li><span class="greendot"></span>High amounts of available beds</li><br></br>
    <li><span class="yellowdot"></span>Medium amounts of available beds</li><br></br>
    <li><span class="reddot"></span>Low amounts of available</li><br></br>
    <li><span class="blackdot"></span>Data of available beds N/A</li><br></br>
  </ul>
https://hospitable.live to see how it works

Similar codes

0 vote111 views1 answer
Tailwind search bar
Html
0 vote111 views1 answer
Svg content_type
Html
0 vote115 views1 answer
How to align a link in a bootsrap navbar o the left
Html
9 votes117 views1 answer
Relative file path
Html
1 vote122 views1 answer
How to leave an empty row in html table
Html
6 votes104 views2 answers
How to get the input of a textbox in html
Html
0 vote125 views1 answer
What is difference between React router and react router Dom?
Html
0 vote110 views1 answer
Remove extra space in code html
Html
1 vote86 views2 answers
Html tab character
Html
24 votes120 views2 answers
W3schools meta tag
Html