Jquery 如何使2个div标记彼此相邻

我试着把这两个div放在一起。状态和ZipCode。我知道div是block元素，但我正在css中设置inline block属性。这也是附件。如何让State和Zipcode彼此相邻？我一直在尝试不同的事情，对此感到沮丧。感谢任何帮助！！谢谢：）

.dataControl{
显示：内联块；
利润率：5px15px；
边框宽度：1px；
}
.dataControlSmall{
宽度：25%；
}
.dataControl45{
宽度：45%；
}

陈述
邮政编码

设置父div的宽度

<div class="dataControl dataControlSmall" style="width:100%">

---

您还可以根据需要设置子div的宽度。

一旦设置了

display:inline block

，只需确保其中两个元素或元素的总宽度小于或等于其父元素的

100%

。如果两者的组合宽度大于父级的宽度，则第二个宽度将显示在下一行

.dataControl{
显示：内联块；
利润率：5px15px；
边框宽度：1px；
}
.dataControlSmall{
宽度：100%；
}
.dataControl45{
宽度：45%；
}

陈述
邮政编码

请参见此 您为推送它的

.dataControl

设置了很高的右边距

减小边距值，两个div将并排对齐。因此，

.dataControl

的新CSS如下

.dataControl {
    display: inline-block;
    margin: 1px 3px;
    border-width: 1px;
}

---

内联CSS

style=“float:left；display:block；”

覆盖您的内部/外部CSS设置，将其设置为

display:inline block。使用一个或另一个；我建议不要使用内联样式

这可能有助于查看整个页面，但如果
.dataControlSmall
是设置宽度的30%，则输入字段可能太大，无法堆叠在一起，特别是因为声明了精确的宽度（
宽度：35px；
和
宽度：90px；
）

如果可以，我将用标签包装输入字段，并删除输入字段的大小声明。如果可以，请在一个位置处理CSS。
请尝试此操作

CSS

.dataControl {
  display: inline;
  margin: 5px 15px;
  border-width: 1px;
}
.dataControlSmall {
  width: 30px;
}
.dataControl45 {
  width: 100px;
}

HTML

您不需要在outer
div
中使用
dataControlSmall
类，因为如果将其包括在outer div中，则将包括
dataControlSmall
的特征

<div class="dataControl">
  <div class="dataControl dataControlSmall" style="float: left; display: block;">
    <label for="txtState" style="display: block;">State</label>
    <input id="txtState" name="txtState" class="k-textbox" style="width:35px; display: block;" maxlength="2" required="required" data-bind="value: State" />
  </div>
  <div class="dataControl dataControl45" style="float: left; display: block;">
    <label for="txtZip" style="display: block;">Zip Code</label>
    <input id="txtZip" name="txtZip" class="k-textbox" style="width:90px; display: block;" maxlength="10" required="required" data-bind="value: Zip" />
  </div>
</div>


陈述
邮政编码
删除内联块，浮点将生效。这与我希望的Lal非常接近。如何减少State和ZipCode之间的空间？谢谢您的评论。我只是个新手，我还需要更多的建议。