从底部移除额外的空间，以便所有内容在一行中对齐

Question

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

修改

我在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.*/
}

这是Demo。 http://jsbin.com/xoyosimo/1

Answer 2

使用粘性页脚JS插件。它允许让您的内容坚持到底。