title: Divs coming down instead of coming in line
body: <p>I wrote a web page as shown <a href="http://jsfiddle.net/bnkckqkd/" rel="nofollow">here</a>. But <code>divs</code> are coming down as shown. I want thise divs to come in straight line. Here is <code>css</code> code:  </p>
  
  <pre><code>#header #menu #plc #register{
      color: #fff;
      font-size: 21px;
      margin: 1% 0 0 0;
      background-color: #02080f;
      width: 12%;
  }
  #header #menu #plc #register img{
      width: 15.5%;
      margin-left: 7%;
  }
  #register img, #register div{
      display:inline-block;
      vertical-align: middle;
  }
  #register{ white-space: nowrap;}
  #register div{
      padding: 0 0 0 5%;
  }
  #header #menu #plc #registerOne {
      vertical-align: middle;
  }
  </code></pre>