Question

我有以下fiddle，我想让span和ul文本垂直对齐。现在ul文本似乎有点向上移动了一点，无法弄清楚为什么会这样。这是相应的html：

<div id="main">
<div class="row sort-container">
            <span class="sort-by brandon-grotesque-regular">
                Lihat berdasarkan:
            </span>
            <ul class="arvo-regular clearfix">
                <li><a class="" href="?sort=popular">Barang Terpopuler</a></li>
                <li><a class="" href="?sort=terbaru">Barang Terbaru</a></li>
            </ul>
        </div>
</div>

Answer 1

您可以在 ul 元素上将vertical-align设置为中间位置。

但是，为什么你需要一个如此复杂的布局？如果每个元素都是内联的，没有浮动或内联块框，那就更好了。

Answer 2

这是由于浏览器默认设置，就像body元素也有填充...所以我们经常使用normalize之类的东西将所有浏览器中的所有浏览器重置为0.

ul{
    margin:0;
    padding:0;
}

从#main .sort-container li {...

中删除margin-left

多数民众赞成

使span和ul在同一条线上

2 个答案: