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

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

纠正它的方法是：`

垂直对齐：顶部；`