在一行中设置HTML元素？ （输入，p）

Question

因此，我在此页面上工作，无论我使用CSS做什么，都无法使文本对齐成一行。 （是的，我已经尝试过overflow:hidden;和white-space:nowrap;

这是我要对齐的代码：

<div class="dates">
<p>From</p> 
<input id="dateFrom"></div>
<p>To</p>
<input id="dateTo"></div>

谢谢。

Answer 1

对您拥有的内容使用适当的标记。您的控件标签不是段落。使用标签元素。

<div class="dates">
  <label for=dateFrom>From</label>
  <input id="dateFrom"></div>
<div class="dates">
  <label for=dateTo>To</label>
  <input id="dateTo">
</div>

Answer 2

添加以下CSS

p, input {
display: inline-block;
}