对齐</li> <li>

Question

我有一个<ul> <li>形式的下拉列表 link

问题在于，您可以看到<li>是水平的。我希望它垂直放置。像

Districts
Culture
Tourism

当前的CSS类似于：

.sub-menu {
    max-width: 450px;
    border: none;
    border-top: 1px solid #51A8DD;
    background-color: cyan;
    border-radius: 0;
}

请帮助我垂直对齐<li>'s

Answer 1

你可以尝试：

li {
    display: block;
} 

这是 li 元素的默认设置，因此请查看代码中的其他位置以查看其设置是否有所不同（例如， display：inline ，某处。< / p>

希望这有帮助！