html - 从底部移除多余的空间，使所有内容排成一行

Question

我现在正在处理标题，正如您在 demo 上看到的那样底部有很多黑色空间，这使得语言按钮与文本的其余部分相比下降了。

编辑

我在 li 中添加了边框，您可以在文本下方看到一些框。我认为这会导致文本不对齐并产生不必要的空间。

有什么方法可以移动/移除这些盒子吗？

Answer 1

根据标题，我的理解是您想要对齐 li

中的文本和图像

你必须从 img 和 p 中删除额外的填充。

.left-content ul li img {
    bottom: -9px;
    padding: 12px 5px 10px 3px; /*Remove this line.*/
    position: relative;
}
.left-content ul li p {
    bottom: 17px; /*Remove this line.*/
    display: inline;
    font-weight: bold;
    position: relative; /*Remove this unnecessary line.*/
}

这是演示。 http://jsbin.com/xoyosimo/1