需要一些CSS指导

Question

我试图使结帐表单的两个自定义字段彼此相邻显示。我可以使它们彼此相邻，但是它们下面的字段重叠。

我尝试使用clear: both/left/right;来解决此问题，但它似乎无法按我的需要工作。我还尝试过display: block/inline/inline-block;来尝试将下面的元素强制换行。

有什么建议吗？

.pract_county, .pract_postcode {
float: left;
margin-right: 47px;
}

Answer 1

一种选择是，您只需在第二个（邮政编码）输入之后添加一个换行标记即可创建换行。请参阅下面的链接。 https://www.w3schools.com/tags/tag_br.asp

如果您只想使用CSS，则可以将表单标题设置为100％宽度，以便它们需要移至下一行。

Answer 2

input{
    height:20px;
    float:right;
    display:block;
    padding:2px;
    width:90%;
}


<p>Name: <input type="text" placeholder="Name">  </p>
<p>Subject:<input type="text" placeholder="Subject">  </p>
<p>E-Mail:<input type="email" placeholder="E-Mail">  </p>