title: how to always keep two divs side by side
body: <p>I have two divs floating left. I dont really want to use position absolute though, is there another way to keep the side by side without using position absolute? or is this the only way?</p>
  
  <pre><code>&lt;div class="moreinfo" id="darkgray"&gt;
              &lt;p&gt;
                  Today, hate speech continues to profilerate throughout the Internet, normalized in the form of YouTube comments, animated GIFs, and tweets. Online anonymity affords users a sense of security that fosters a culture of cruelty and bigotry. Our goal is to create a conversation about the consequences of hateful speech that rethinks how we communicate online. Social media is full of positive potential; we can tap into it by holding each other accountable.
              &lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="moreinfo" id="lightgray"&gt;
              &lt;h2&gt;
                  "WE NEED TO TEACH OUR CHILDREN NOT TO STAND SILENTLY BY WHILE OTHERS ARE BEING TORMENTED. IN THE END, THEY WILL BE SAFER ONLINE &amp;amp; OFFLINE."
                  &lt;a href="#"&gt;READ ARTICLE BY WIRED SAFETY&lt;/a&gt;
              &lt;/h2&gt;
          &lt;/div&gt;
          &lt;div class="clear"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>css</strong></p>
  
  <pre><code>.moreinfo{
      width:715px;
      height:250px;
      float:left;
      color:white;
  }
  </code></pre>