fieldset同一行

Question

我有2个字段集:

<fieldset> first fildset </fieldset>

<fieldset> second fieldset </fieldset>

我怎么能把它们放在同一条线上？

Answer 1

您可以将其displaycss属性设置为inline:

<style type="text/css">
  fieldset.inline {
    display: inline;
  }
</style>

<fieldset class="inline"> first fildset </fieldset>
<fieldset class="inline"> second fieldset </fieldset>

结果如下:http://jsbin.com/aseyej/1/edit

Answer 2

将它们放入 div 容器中。

<style type="text/css">
    .container {
    height:100px;
    width:600px;
    background-color:gray;       
}
.left {
    float:left;
    width:200px;
    background-color:blue;
}
.right {
    float:right;
    width:400px;
    background-color:red;
}
</style>

<div class="container">
    <div class="right"><fieldset> first fildset </fieldset></div>
    <div class="left"><fieldset> second fieldset </fieldset></div>
</div>