How do I get a dot to the left of testing?

HTML & CSS
1 
<ul>
</li>Testing</li>
<br>
<span style="display:inline-block; width:12px;; height:12px; border-radius:3px; background-color:#36B8F0; margin-right:2px;"></span>blue,</span>
<span style="display:inline-block; width:12px;; height:12px; border-radius:3px; background-color:#61BE50; margin:0 2px 0 7px;"></span>green,</span>
<span style="display:inline-block; width:12px;; height:12px; border-radius:3px; background-color:#C9235C; margin:0 2px 0 7px;"></span>pink,</span>
<span style="display:inline-block; width:12px;; height:12px; border-radius:3px; background-color:#595B60; margin:0 2px 0 7px;"></span>grey,</span>
</ul>
2

Second line fails validation so the browser will have to guess your requirements,

3

I saw what I did wrong.

4

You have the opportunity to amend the script. Please note that list elements are only accepted inside the unordered list block.

1 Like
5

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.