Html div未对齐

我有一行未对齐的div。每个div都显示在内联块中，但有两行文本的div与行的其余部分不一致

.stopHoriz{
显示：内联块；
边框：1px纯黑；
宽度：75px；
高度：75px；
文本对齐：居中；
字体大小：.8em；
}
.垂直停车{
利润底部：3倍；
边框：1px纯黑；
宽度：75px；
高度：75px；
文本对齐：居中；
字体大小：.8em；
}

娱乐
州立公园
动物园
历史
海上遭遇战
开端
博物馆
海滩

在

.stopHoriz

div中使用

垂直对齐：top

---

将宽度设置为100px。这与你设定的宽度有关。“海上遭遇”一词不适合您指定的宽度。除此之外，您还可以使用“垂直对齐”：top。有很多解决办法。这取决于您使用的内容。

如果对您有帮助，您可以尝试以下CSS类

.stopHoriz
{
display: inline;
border: 1px solid #000;
font-size: .8em;
padding: 10px;
}

因此，它将根据需要占用空间，而不是固定宽度和高度