Fieldset же линии

Question

У меня 2 fieldsets:

<fieldset> first fildset </fieldset> 

<fieldset> second fieldset </fieldset> 

как я могу разместить их в одной строке?

Answer 1

Поместите их в контейнер для контейнеров.

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

Answer 2

Место их в table .Как

<table> 
    <tr> 
    <td> 
     <fieldset> 
      first fildset 
     </fieldset> 
    </td> 
    <td> 
     <fieldset> 
      second fieldset 
     </fieldset> 
    </td> 
</table> 

FIDDLE здесь

Answer 3

Вы также можете использовать display:inline;

Answer 4

Вы можете установить их свойство display Css в 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 5

feldset является элементом уровня блока, так обычно и бывает появляется в двух блоках в макете страницы так, чтобы поместить их в линии есть много возможностей, например, вы можете:

a. положите display: inline-block в таблицу стилей для полей.

b. float один из полей, расположенных слева или справа от другого, т.е. float: left

c. сделать их абсолютными или относительно расположенными, т.е. position: absolute и установите соответствующие верхние и левые

Есть и другие способы, но эти три применимы в большинстве случаев.