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

63 votes257 views6 answers
Html center image
Html
1 vote272 views1 answer
Trtx
Html
0 vote254 views1 answer
Event input svelte
Html
59 votes270 views5 answers
Favicon meta
Html
30 votes255 views4 answers
File input html
Html
1 vote277 views1 answer
Html get text from file
Html
0 vote268 views2 answers
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html>
Html
28 votes272 views4 answers
Responsive meta tag
Html
3 votes270 views2 answers
Html image not draggable
Html
1 vote245 views2 answers
Js open pdf in new tab
Html