title: Why is my divs rendering wrong by not aligning
body: <p>I can not figure out why it is doing this</p>
  
  <p>here is the css</p>
  
  <pre><code>.logo{
  position:relative;
  height:200px;
  width:200px;
  border-style:solid;
  border-width:1px;
  float:left;
  padding:0px;
  
  }
  
  .feed{
  position:absolute;
  height:200px;
  width: 100%;
  border-style:solid;
  border-width:1px;
  overflow: auto;
  white-space:nowrap;
  padding:0px;
  margin:0px;
  
  }
  
  
  .feed-box {
  position:relative;
  width: 550px;
  height: 200px;
  display:inline-block;
  border-style:solid;
  border-width:1px;
  padding:0px;
  margin:0px;
  white-space:normal;
  top:10px;
  
  
  }
  </code></pre>
  
  <p>here is the html</p>
  
  <pre><code>&lt;body&gt;
  
  &lt;div class="feed"&gt;
  
          &lt;div class="feed-box"  &gt;
  
          &lt;/div&gt;
  
          &lt;div class="feed-box"  &gt;
            grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe
          &lt;/div&gt;
  
          &lt;div class="feed-box"  &gt;
            grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe
          &lt;/div&gt;
  
          &lt;div class="feed-box"  &gt;
            grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe
          &lt;/div&gt;
  
          &lt;div class="feed-box"  &gt;
            grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe
          &lt;/div&gt;
  
  
  
  &lt;/div&gt;
  
  
  
  
  &lt;/body&gt;
  </code></pre>
  
  <p>I dont know how to explain this so here is a link</p>
  
  <p><a href="http://jsfiddle.net/G5YZ6/300/" rel="nofollow">http://jsfiddle.net/G5YZ6/300/</a></p>
  
  <p>whys is it that the divs are not aligning but are going down. What I want is some thing like this</p>
  
  <pre><code>&lt;body&gt;
  
  &lt;div class="feed"&gt;
  
          &lt;div class="feed-box"  &gt;
                        grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe
          &lt;/div&gt;
  
          &lt;div class="feed-box"  &gt;
            grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe
          &lt;/div&gt;
  
          &lt;div class="feed-box"  &gt;
            grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe
          &lt;/div&gt;
  
          &lt;div class="feed-box"  &gt;
            grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe
          &lt;/div&gt;
  
          &lt;div class="feed-box"  &gt;
            grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe grefewfgewfgewgwe
          &lt;/div&gt;
  
  
  
  &lt;/div&gt;
  
  
  
  
  &lt;/body&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/G5YZ6/301/" rel="nofollow">http://jsfiddle.net/G5YZ6/301/</a></p>
  
  <p>but some reason the if i do not have the same amount of text it all goes wrong</p>