title: Create a small color box in html
body: <p>I have a <code>li</code> element. Inside the <code>li</code> element there are many elements like <code>input</code>, <code>labels</code>. </p>
  
  <p>I want to put now a small color inside each <code>li</code>. The color will be provided dynamically. I want to have something square and on page load it fills with the color i provide. Is there something already existing?</p>