<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>