Html 在两个文本区域的顶部添加标签[CSS]

我是CSS的初学者

我想在两个文本区域的顶部添加一个标签。当我尝试标签标签（如下所示）时，第二个文本区域最终在第一个文本区域下变大（基本上我希望它们并排排列）

这是我的

此处的过去坐标：
时间：

最简单的方法可能是将每个标签/文本区域对包装在一个div中，然后设置

显示：内联块在每个分区上。尽管我建议检查一些带有网格系统的框架，例如抽象和简化的框架。
使用这个。
更新：

提示：从文本区域中删除
cols
和
行。您应该从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>

试试这个
标签{display:block}
JSFIDLE中有什么问题example@SheraliTurdiyev谢谢你的回复。事实上，我希望他们在页面的右边。我怎么能有这个？只有标签还是两者都有？
textarea#Coords{
    width:270px;
    height:300px;
}

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