在兩個textarea上添加標籤[CSS]

我想在兩個textarea的頂部添加一個標籤。當我嘗試Label標籤（如下圖所示）時，第二個textarea結束了第一個textarea下的基本操作（基本上我希望它們並排）。

<label for="Coords">Past Coordinates here: </label>  
 
<textarea id="Coords" cols="35" rows="20"></textarea> 
 
<label for="Time">Time: </label> 
 
<textarea id="Time" cols="25" rows="20"></textarea>

我的兩個textarea的被包裝到把他們的權利。

任何人都可以幫助我嗎？

謝謝！

來源

2015-09-03 H.Tirit

嘗試this'label {顯示：塊}' –

哪些問題是在療法你的jsfiddle示例 –

http://fiddle.jshell.net/sherali/agr3a07m/203/ –

使用這個。 http://fiddle.jshell.net/sherali/agr3a07m/209/show/ 已更新：

提示：從textarea中刪除您的cols和rows。你應該定義從CSS中（thorugh width，height）

在HTML

：

<div class="box"> 
    <label for="Coords">Title of Coords: </label> 
    <textarea id="Coords"></textarea> 
</div> 
<div class="box"> 
    <label for="Time">Title of Time: </label> 
    <textarea id="Time"></textarea> 
</div>

在CSS：

textarea#Coords{ 
    width:270px; 
    height:300px; 
} 

textarea#Time{ 
    width:215px; 
    height:300px; 
} 
label {display:block;} 
.box{ 
    display:inline-block; 
}

來源

2015-09-03 18:56:26

可能最簡單的方法是將每個標籤/ textarea對包裝在一個div中，並在每個div上設置display: inline-block;。儘管我建議檢查一些帶有網格系統的框架，比如Bootstrap，它抽象並簡化了這個框架。

來源

2015-09-03 18:09:30 Will

在兩個textarea上添加標籤[CSS]

回答

相關問題