title: Left align menu icon
body: <p>Im trying to left align a menu icon. </p>
  
  <p>The icon is displaying above the menu name but I would like to align in to the left of the menu name.</p>
  
  <p>The CSS I have is:</p>
  
  <pre><code>.icon_name_here:before {
  content: '';
  width: 24px;
  height: 24px;
  display: inline-block;
  float: left;
  background: url('http://url_of_icon_here.com') no-repeat left;}
  </code></pre>
  
  <p>How / what do I have to do to align the icon to the left of the menu name?</p>