我的小提琴几乎显示了问题。如果有人能够帮助,试图让标签位于每个文本框的左侧。 http://jsfiddle.net/HC64Y/CSS对齐文本框与标签
<div id="boxalign2" class="boxalign2" >
<label>Hospital*:</label><input class="rounded2" required title="Hospital is required!" name="MainHospital" type="text" />
<label>Title*:</label><input class="rounded2" name="MainTitle" type="text"/>
<label>Department*:</label> <input class="rounded2" name="MainDept" type="text"/>
</div>
CSS
input.rounded2 {
border: 1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 2px 2px 3px #666;
-webkit-box-shadow: 2px 2px 3px #666;
box-shadow: 2px 2px 3px #666;
font-size: 20px;
padding: 4px 7px;
outline: 0;
-webkit-appearance: none;
float: left;
display: inline-block;
clear: left;
width: 150px;
text-align: right;
}
我试图保持对齐文本框(在我的小提琴看出),这是怎么得我的问题。 – user1
你可以用一个包装来解决这个问题。请参阅编辑。 –
太棒了。谢谢杰夫 – user1