为什么有利润的div没有排队?

时间:2011-08-08 07:58:22

标签: html css

当在左边的两个div中使用在h2侧设置的上边距时,我似乎无法将它们排成一行。任何帮助表示赞赏

<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>

1 个答案:

答案 0 :(得分:2)

<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/