html - 对齐名字和姓氏

我有这个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;
}

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

最佳答案

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

关于html - 对齐名字和姓氏，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6195433/