如何将标签和输入对齐到一行？
维尼特·巴桑塔尼（Vineet Basantani）
以上是我的表格： 
我希望标签类别与“选择类别”下拉菜单处于水平位置。其他表单项目也一样。
这是我的CSS：
.labelContainer {
clear: both;
float: left;
width: 200px;
}
.inputContainer {
clear:left;
float: left;
width: 200px;
}
还有一些我的HTML：
<div class="labelContainer">
<label for="Date">Date</label>
</div>
<div class="inputContainer">
<input type="text" id="datepicker" name="datepicker"/>
</div>
尼古拉斯·P。
从.inputContainer类CSS移除clear：left：
CSS：
.labelContainer {
clear: both;
float: left;
width: 200px;
}
.inputContainer {
float: left;
width: 200px;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何将标签和输入对齐到一行？
- 2
将 Div 标签对齐到同一行
- 3
如何在同一行上对齐div输入标签和按钮
- 4
如何将输入与同一行中的复选框（向右拉）对齐？
- 5
如何将输入与同一行中的复选框（向右拉）对齐？
- 6
如何将标签和输入与CSS对齐
- 7
如何将系列列和数据框列对齐到同一行
- 8
如何将图像和文本输入到同一行上载到Google表格
- 9
如何将div和标签保持在同一行？
- 10
如何将div和标签保持在同一行？
- 11
如何在一行中设置标签和输入？
- 12
如何将表格的第一行与一行文本对齐
- 13
如何将表格的第一行与一行文本对齐
- 14
如何将输入的值传递到同一行上的另一个输入
- 15
如何将图像和输入与CSS放在同一行
- 16
如何将按钮和一些文本放在一行中，并使文本垂直对齐：中；？
- 17
如何将文件的sha256sum和比较校验到一行？
- 18
如何将命令的标准输出和标准输入都重定向到一行中的文本文件？
- 19
在一行中对齐hr标签和img标签
- 20
如何将理货图表数据快速输入到Excel中，其中每个理货标记变成一行？
- 21
将标签与同一行上的跨度对齐-CSS
- 22
如何将标签标签带到文本区域的第一行？
- 23
如何将文本与控制台下一行中的文本对齐？
- 24
如何将包裹式弹性项目显示为最后一行左对齐的间隔？
- 25
如何将glyphicon与手风琴标题的第一行对齐
- 26
如何将HTML / CSS中的链接与位于同一行但相对的链接对齐？
- 27
如何将glyphicon与手风琴标题的第一行对齐
- 28
如何将 <label> 与其他元素在同一行上对齐
- 29
如何将标签中的文本对齐到右侧？
我来说两句