为什么div边距不对齐？

当使用在h2中设置的顶部边距以两个div向左浮动时，我似乎无法让他们排队。任何帮助表示赞赏为什么div边距不对齐？

<html> 
    <head></head> 
    <style> 
     h2{ 
     margin-top:10px; 
     } 
    </style> 
    <body> 
     <div> 
     <div style="float:left"> 
      <h2>Your details</h2> 
     </div> 
     <div> 
      <h2>Security Info</h2> 
     </div> 
     </div> 
    </body> 
</html>

来源

2011-08-08 aboutme

浮动的其他分区留下了。 – Dunhamzzz

就这么你知道，'