从左上角而不是左下角的无序列表对齐

Question

所以，我无法弄清楚如何按照我希望它们对齐的方式对齐列表中的项目。我将它们显示为内联块，但我也希望列表元素从左上角对齐，而不是左下角（默认）。

Browser display of list elements

我到目前为止的CSS代码是：

#courses ul { 
    list-style-type: none;
}
#courses li { 
    display: inline-block;
    border: 2px solid #000000;
    width: 300px;
    margin: 5px;
    background-color: white;
}

Answer 1

纠正它的方法是：`

vertical-align：top;`