Question

我有这个page，我想对齐名字和姓氏，我不知道是什么导致姓氏低于名字......任何想法

这是我的HTML

<div id="double-mc-field-group" class="mc-field-group">
  <span class="left_name"><label for="mce-FNAME">First Name</label>&nbsp;<input id="mce-FNAME" name="FNAME" type="text" /></span>
  <span class="right_name"><label for="mce-LNAME">Last Name </label>&nbsp;<input id="mce-LNAME" name="LNAME" type="text" /></span>
</div>
<div id="after_name" class="mc-field-group">
    <label for="mce-EMAIL">Email Address <strong class="note-required">*</strong></label>&nbsp;
    <input id="mce-EMAIL" class="required email" name="EMAIL" type="text" />
</div>

和我的css

#columns-container .left_name{
    float:left;
    width:220px;
}

#columns-container .left_name input, #columns-container .right_name input{
    width:200px;
}

#columns-container .right_name{
    float:right;
    width:220px;
}

#columns-container #after_name{
    clear:both;
}

#columns-container .mc-field-group{
    width:220px;
}

#columns-container #double-mc-field-group{
    width:440px;
}

任何想法我做错了...我想我可以左右浮动并将宽度设置为部分的一半，它会对齐...不确定我错过了什么

Answer 1

页面上的HTML在两个跨度之间有一个br标记。摆脱它，你就是金色的！

Answer 2

页面上的代码中有<br />，而不是您发布的导致它的代码。

Answer 3

我假设你想要这样的东西：http://jsfiddle.net/NWwqe/

对齐名字和姓氏

3 个答案: