Css 内联块不工作

我尝试了另一种方式，将表单区域中的标签和文本字段与按钮水平对齐，但电子邮件标签和txtfield没有完全对齐

HTML

---

去掉

，去掉

浮点数

，所有这些都应该排列得很好

.action3.name2{
边框：薄#999实心；
边界半径：5px；
/*float：左；去掉

，去掉
float
，它应该排列得很好

.action3.name2{
边框：薄#999实心；
边界半径：5px；
/*float:left；我会去掉float和
页边距顶部

.action3 .email2 {
  border: thin #999 solid;
  border-radius: 5px;
  height: 22px;
  margin-left: 22px;
  padding: 4px;
  width: 210px;
}

这是一把小提琴：

编辑
使用fiddle进行更新，正确关闭所有标记，并将CSS的前三行合并到一个类中

.actionClass {
   display:inline-block;
}

<div class="prefill2">
    <h1>Need a Real Estate Expert?</h1>
    <form class="action3" name="form1" method="POST" action="_sendmail.php" onSubmit="return CheckAll(this);">
        <div id="action3-fname" class="actionClass">
            <label class="nick-3">Full Name:</label><br />
            <input type="text" class="name2" name="full_name" />
        </div>
        <div id="action3-email" class="actionClass">
            <label class="nick-4">Email Address:</label><br />
            <input type="text" class="email2" name="email" />
        </div>
        <div id="action3-button" class="actionClass">
            <input type="submit" class="btn2" value="JOIN NOW" name="submit" />
        </div>
    </form> 
</div> 

.actionClass{
显示：内联块；
}
需要房地产专家吗？
全名：

电子邮件地址：

我要去掉浮动和
页边空白顶部。就像这样：

.action3 .email2 {
  border: thin #999 solid;
  border-radius: 5px;
  height: 22px;
  margin-left: 22px;
  padding: 4px;
  width: 210px;
}

这是一把小提琴：

编辑
使用fiddle进行更新，正确关闭所有标记，并将CSS的前三行合并到一个类中

.actionClass {
   display:inline-block;
}

<div class="prefill2">
    <h1>Need a Real Estate Expert?</h1>
    <form class="action3" name="form1" method="POST" action="_sendmail.php" onSubmit="return CheckAll(this);">
        <div id="action3-fname" class="actionClass">
            <label class="nick-3">Full Name:</label><br />
            <input type="text" class="name2" name="full_name" />
        </div>
        <div id="action3-email" class="actionClass">
            <label class="nick-4">Email Address:</label><br />
            <input type="text" class="email2" name="email" />
        </div>
        <div id="action3-button" class="actionClass">
            <input type="submit" class="btn2" value="JOIN NOW" name="submit" />
        </div>
    </form> 
</div> 

.actionClass{
显示：内联块；
}
需要房地产专家吗？
全名：

电子邮件地址：

实际上，我让它们向左浮动，并修正了一些边距。按钮和所有东西都排列在一起。

实际上，我让它们向左浮动，并修正了一些边距。按钮和所有东西都排列在一起。

#action3 fname add与#action3 email{display:inline block；}已更新，但未完全对齐div。已更新-#action3 fname add与#action3 email{display:inline block；}更新了，但没有完全对齐div。更新了-这是正确的。我还将顶部的
#action3-
ID组合成一个类，如
.action3
。它更干净。此外，您可以去掉

并设置
输入，标签{display:block；}
Fiddle：这是正确的。我还将顶部的
#action3-
ID组合成一个类，如
.action3
。它更干净。此外，您可以去掉

并设置
输入，标签{display:block；}
Fiddle:
#action3-fname {
float:left;
}
#action3-email {
float:left;
}