开发者

Why are divs with margins not lining up?

开发者 https://www.devze.com 2023-03-26 08:30 出处：网络

When using top margin set in side a h2 in two divs floating left, i cant seem to get them to line up. Any help appreciated

相关专题：css

When using top margin set in side a h2 in two divs floating left, i cant seem to get them to line up. Any help appreciated

<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&g开发者_Python百科t;
    </body>
</html>

<div>
        <div style="float:left">
            <h2>Your details</h2>
        </div>
        <div style="float:left">
            <h2>Security Info</h2>
        </div>
    <br class="clear" />
</div>


  h2{
        margin-top:10px;
    }
.clear
{
    clear:both;
}

http://jsfiddle.net/ShTPg/