css - 表单上的内联 CSS

Question

我在让 .wysija ((Mail Poet)) 表单上的提交表单正确排列时遇到问题。我更希望将它们突出到表格顶部的旁边，但是现在，我只接受将输入字段排在一行上。见下图。非常感谢任何帮助!!

((我在 wordpress.org 上使用 .com))

This is what it looks like currently

This is the coding that I currently have for the form

Answer 1

像这样尝试。

.main-block{
width:600px;
padding:25px;
}
.name{
width:200px;
float:left;
margin-right:15px;
}
.email{
width:200px;
float:left;
margin-right:15px;
}
.btn{
width:50px;
float:left;
margin-right:15px;
text-align:center;
}

<div class="main-block">
  <div class="name"><input type="text" placeholder="Enter your name here."></div>
  <div class="email"><input type="text" placeholder="Enter your email here."></div>
  <div class="btn"><input type="submit" class="btn"></div>
  <div class="clear"></div>
</div>