联系表格7-似乎不能得到我的标签和字段在一行

Question

我正在尝试使用联系表单7创建一个自然语言风格的联系表单，但似乎无法使我的标签和字段对齐。每一个都显示在单独的行上，而不是相邻的。尝试了几种不同的CSS技巧，但都没有奏效。有人帮忙吗？

我试过左右浮动字段，我试过使用div使它们在同一条线上。

我的名字是[text your-name]，我正在寻找[select TypeofMortgage“桥接融资”“拍卖融资”“翻新融资”“开发融资”]一个价值英镑[编号-603]的房产

联系我们的最佳方式是[选择联系人“电话”“电子邮件”]在[文本电话]或您可以通过[选择联系人“电话”“电子邮件”]在[文本电子邮件]联系我

“提交”快聊“”

我真的需要这显示作为一个自然语言，填空风格的形式。

Answer 1

您可以使用float来完成此操作。

首先，创建1个Div并在其中创建一个Div用于标签，另一个用于输入字段。

然后使用此CSS。

<style>
.main-box {
  display: inline-block;
  width: 360px;
  height: 360px;
}
#labelBox {
  float: left;
}
#inputBox {
  float: right;
}
</style>