Html 以内联块格式将标签/输入定位在一起

我遇到了一个问题，即如何定位两个标签/输入以使其内联，但也以块格式显示。我已尝试将

帐户输入med

更改为

显示：内联

，

显示：内联块

，但它总是使标签显示为内联

有人看到我需要做什么才能让我的状态/zip标签/输入显示为下图吗

。正确的容器{
宽度：50%；
显示：内联块；
垂直对齐：顶部；
}
.帐户标签{
字体大小：1.2米；
利润率：10px0；
字体系列：“源Sans-Pro”，无衬线；
显示：块；
颜色：#5e5e；
}
.account input、.account input med、.account input large{
填充：10px；
字体大小：1.2米；
字体系列：“Lato”，无衬线；
利润率：15px0；
显示：块；
边框：1px实心#CDCDCD；
颜色：#5e5e；
}
.帐户输入{
宽度：80%；
}
.帐户输入{
宽度：30%；
显示：内联块；
}
.帐户输入大{
宽度：40%；
高度：150像素；
}

送货地址
城市
陈述
邮政编码

放置一个

    <br/> 

在标签之后，使输入从新行开始

e、 g

城市
状态

 

您可以将输入包装在标签中：

  <label class="account-label">
    <span>State</span>
    <input type="text" class="account-input">
  </label>

---

我正在寻找一个css方法。谢谢。您可以使用table元素将输入框并排放置，例如[label]
[input][label]
[input]。谢谢你的帮助！

  <label class="account-label">
    <span>State</span>
    <input type="text" class="account-input">
  </label>

.account-label {
  display: inline-block;
}
.account-input {
  display: block;
}