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 vote159 views1 answer
6 May 2492.
Html
0 vote178 views1 answer
Jnbvtfvghbjklk;oojhv
Html
23 votes188 views4 answers
Bootstrap 5 vertical align
Html
0 vote184 views1 answer
Centralizing to the middle of the screen with bootstrap 5
Html
0 vote171 views1 answer
Google go to sprint in Encino
Html
2 votes171 views1 answer
Ng bootstrap input
Html
18 votes161 views5 answers
Title tag html
Html
5 votes172 views2 answers
Js onclick function call
Html
1 vote131 views2 answers
No index no follow meta tag
Html
0 vote184 views1 answer
How to remove box from form in html
Html