输入字段对齐问题

Question

输入字段未对齐，并且它们从容器中流出。是什么导致的？这是code和page。我需要左边的标签和输入字段都对齐。是否可以给予-ve margin？

.para #info div正在流出页面。它应该与.para#news

平行

Answer 1

你已经过了你的CSS并且有许多不需要的属性。 首先为您的标签提供以下CSS属性，然后根据需要设置输入样式。

label {
    width: 100px;
    display: inline-block;
    margin: 2px 6px 6px 4px;
    text-align: right;
    font-weight: bold;
    color: #555;
}

检查http://jsfiddle.net/6Eyef/1/

处的工作示例

Answer 2

如果你使用它就可以了..

margin-left: -220px;
margin-top: -150px;

for info Div。

---

谢谢。

Answer 3

我不确定我是否理解你的问题。但要将<input>元素与其标签对齐，<label>代码必须遵循CSS：

display: block;
float: left;
width: (a value)px;

您需要将clear: left添加到<input>元素

编辑：侯赛因的回答更好