Html CSS：将div与上一个div的顶部对齐？

我正在尝试将一个div与它前面的div顶部对齐

我使用了

垂直对齐：top但它似乎根本不起作用，而且它没有将div与顶部对齐

为了解释这个，我创造了这个

这是我需要与上一个div顶部对齐的div：

<div style="display:inline-block; background:#EFEFEF; border-radius:4px; margin:5px; padding:10px;">
<p style="font-size:12px; font-weight:bold; padding:5px;vertical-align: top;">Draw Days</p>

<label for="one">
<input type="radio" id="one" name="duration" value="1" />
Tue
</label>

<label for="two">
<input type="radio" id="two" name="duration" value="1" />
Fri
</label>

<label for="two">
<input type="radio" id="two" name="duration" value="1" />
Tue &amp; Fri
</label>
</div>


绘图天数

星期二
星期五
星期二及五；星期五

有人能就这个问题提出建议吗

提前感谢。
您必须使用
float:left
属性，并且必须在这些div之后添加另一个div，该div具有
clear:both
属性


如果不想使用这些属性，则应将div设置为内联块。Beause垂直对齐仅影响内联和内联块特性
 必须使用
float:left
属性，并且必须在这些div之后添加另一个div，该div具有
clear:both
属性


如果不想使用这些属性，则应将div设置为内联块。Beause垂直对齐仅影响内联和内联块特性
 向两个div添加
垂直对齐：top
。因为它们是内联块，所以它们位于文本流中<代码>垂直对齐：顶部

将它们与所在行的顶部对齐。您还需要删除第二个div的5px上边距，以使它们在视觉上正确对齐

更新小提琴：

---

向两个div添加

垂直对齐：top

。因为它们是内联块，所以它们位于文本流中<代码>垂直对齐：顶部将它们与所在行的顶部对齐。您还需要删除第二个div的5px上边距，以使它们在视觉上正确对齐

更新小提琴：

---

Pro提示：为元素指定一些类名并将样式保存在单独的CSS中非常有帮助。这使得快速更改变得非常容易。@GolezTrol，我知道，但谢谢你的“提示”。专业提示：给元素起一些类名并将样式保存在单独的CSS中确实很有帮助。这使得快速更改变得容易多了。@GolezTrol，我知道，但谢谢你的“提示”。好吧，你不必“非得”。如果给它们相同的对齐方式，“显示为内联块”应该可以很好地工作。而清除的额外div被认为是不好的做法，因为纯粹为了支持这种样式，您需要额外的元素。这是一个更好的解决方案。好吧，你不必“必须”。如果给它们相同的对齐方式，“显示为内联块”应该可以很好地工作。而清除的额外div被认为是不好的做法，因为纯粹为了支持这种样式，您需要额外的元素。这是一个更好的解决方案。