title: Why does the top of a float div not align with the parent div?
body: <p>I'm trying to create a section of a page where two text divs align with each other, but one floats to the right of the other. Whatever I try, the floating div seems to leave about one blank line of text before it starts.</p>
  
  <p>Fiddle at <a href="http://jsfiddle.net/7MpYj/" rel="nofollow noreferrer">http://jsfiddle.net/7MpYj/</a></p>
  
  <p>Here's what it looks like in Chrome (and Safari): </p>
  
  <p><img src="https://i.stack.imgur.com/QQyzN.png" alt="enter image description here"></p>
  
  <p>I've played with margin, padding, vertical-align, and nothing seems to get rid of the blank line between the two.</p>
  
  <p>CSS is:</p>
  
  <pre><code>body {
    font-family: sans-serif;
    font-size: 13px;
  }
  div.sidebar {
    width: 300px;
    float: right;
    background: pink;
  }
  div.maincolumn {
    background: #aaffaa;
  }
  div.clear {
    clear: right;
  }
  </code></pre>
  
  <p>HTML is:</p>
  
  <pre><code>&lt;div class="maincolumn"&gt;
    &lt;div class="sidebar"&gt;
      &lt;h3&gt;Constitution&lt;/h3&gt;
      We the People of the United States, in Order to form a more perfect
      Union, establish Justice, insure domestic Tranquility, provide for
      the common defence, promote the general Welfare, and secure the
      Blessings of Liberty to ourselves and our Posterity, do ordain and
      establish this Constitution for the United States of America.
    &lt;/div&gt;
    &lt;h3&gt;Declaration&lt;/h3&gt;
    When in the Course of human events, it becomes necessary for one
    people to dissolve the political bands which have connected them with
    another, and to assume among the powers of the earth, the separate and
    equal station to which the Laws of Nature and of Nature's God entitle
    them, a decent respect to the opinions of mankind requires that they
    should declare the causes which impel them to the separation.
    &lt;p/&gt;
    We hold these truths to be self-evident, that all men are created
    equal, that they are endowed by their Creator with certain unalienable
    Rights, that among these are Life, Liberty and the pursuit of
    Happiness.--That to secure these rights, Governments are instituted
    among Men, deriving their just powers from the consent of the
    governed, --That whenever any Form of Government becomes destructive
    of these ends, it is the Right of the People to alter or to abolish
    it, and to institute new Government, laying its foundation on such
    principles and organizing its powers in such form, as to them shall
    seem most likely to effect their Safety and Happiness.
  &lt;/div&gt;
  &lt;div class="clear"&gt;
    Edward by the grace of God King of England, lord of Ireland and
    duke of Aquitaine sends greetings to all to whom the present
    letters come. We have inspected the great charter of the lord
    Henry, late King of England, our father, concerning the liberties
    of England in these words:
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there some CSS magic which will pull up the text in the floating div?</p>