联络表格7-似乎无法将我的标签和栏位放在一行中

Question

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

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

我的名字是[text your-name]，我正在寻找[选择TypeofMortgage“过渡金融”“拍卖金融”“翻新金融”“发展金融”]的价值£[number number-603]的房产

通过[文本电话]上的[选择联系人“电话”“电子邮件”]可以与我们联系的最佳方式，或者可以通过[文本您的电子邮件]上的[选择联系人“电话”“电子邮件”]与我联系< / p>

[提交“立即聊天”]

我真的需要它来显示为自然语言，填写空白样式表格。

Answer 1

您可以使用float来实现。

首先创建1个Div，然后在其中创建一个Div用于Label，另一个Indiv用于输入字段。

然后使用此CSS。

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