title: Should I use &nbsp; or padding to separate horizontal list items
body: <p>I want to put some space between some horizontally laid out list items, should I use <code>&amp;nbsp;</code> or padding-left to separate them?</p>
  
  <p><code>&amp;nbsp</code> example:</p>
  
  <pre><code>&lt;ul class="menu"&gt;
      &lt;li class="menu_item"&gt;Option 1&amp;nbsp;&lt;/li&gt;
      &lt;li class="menu_item"&gt;Option 2&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>padding-left example:</p>
  
  <pre><code>&lt;ul class="menu"&gt;
      &lt;li class="menu_item"&gt;Option 1&lt;/li&gt;
      &lt;li class="menu_item"&gt;Option 2&lt;/li&gt;
  &lt;/ul&gt;
  .menu li.menu_item { padding-left: 10px; }
  </code></pre>