css - 如何水平对齐这些搜索过滤器？

Question

我正在尝试将搜索过滤器对齐到 https://www.violinschool.org/video-testing/

以便它们水平显示而不是垂直显示。

执行此操作的最佳方法是什么？我正在阅读有关使用 CSS 的“内联 block ”的信息，但不确定这是否是最佳解决方案。

谢谢!

Answer 1

是的，内联 block 正是您所需要的，从您的标记来看，您需要使用 form-item 类来定位 html 元素:

.form-item{
    display: inline-block;
    margin-left: 10px;
}