强制textarea与其他元素在同一行

Question

我有一个具有以下布局的网页:

Text            
Radio Button    
Radio Button    
Button

我想添加一个与元素位于同一行的textarea,例如:

Text            **********
Radio Button    *Textarea*
Radio Button    **********
Button          **********

(星号标记textarea占用的地方)

但它最终只是在元素之下:

Text            
Radio Button    
Radio Button    
Button          
**********
*Textarea*
**********
**********

我应该用什么CSS样式来解决这个问题？

Answer 1

您需要浮动内容或使用该inline-block选项

这是您想要的示例： http: //jsfiddle.net/uDLZF/3/

CSS

#first, #second{
    float:left;
}
ul { list-style-type: none; }

超文本标记语言

  <div>
        <ul id="first">
            <li>Text </li>     
            <li>Radio Button  </li> 
            <li>Radio Button  </li> 
            <li>Button </li>         
        </ul>
        <ul id="second">
            <li>**********</li>   
            <li>*Textarea*</li> 
            <li>**********</li> 
            <li>**********</li>         
        </ul> 
    </div>