title: what is the best practice to align a text right next to a html div element
body: <p>I was creating a unordered list and in that list I wanted to add a color pallete type window and I tried to create one the following way</p>
  
  <pre><code>&lt;ul&gt;&lt;li&gt;&lt;div style="width:10px; height:10px;  background-color:#0066cc; float:left;"&gt;&lt;/div&gt;test&lt;/li&gt;&lt;/ul&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/wNkmJ/" rel="nofollow">http://jsfiddle.net/wNkmJ/</a></p>
  
  <p>I am attaching a fiddle link to see the output.. Is there a good way to align the div to text or should I just adjust the margin of div element, but I dont think that is the best possible solution..</p>