title: How to put a logo on the left top with float?
body: <p>I want to have my logo (text logo, no image) on the left top in the navigation bar, but I can't make it.. I tried it with float:left and it dosen't work, I dont know why.</p>
  
  <p>CSS code of the Navigation bar and content:</p>
  
  <pre><code>#top, #middle, bottom {width: 100%; position: relative;}
  #top {top: 0; background: #171717;}
  #nav {width: 900px; color: #fff; position: relative; margin: 0 auto;}
  #nav li {display: inline-block; width: 100px; text-align: center; line-height: 50px;}
  #middle {min-height: 100px; height: auto;}
  #content {width: 800px; position: relative; margin: 0 auto;}
  </code></pre>