html - 从带有文本的 div 底部删除填充

Question

我正在使用 twitter-bootstrap，到目前为止，我所拥有的只是一个包含一些文本的 div，但我似乎无法弄清楚如何去掉底部的填充。我尝试了 padding-bottom:0px; 但那没有做任何事情。理想情况下，我想改变我的元素看起来像这样:

为此:

<div class="container-fluid">
    <div class="row header text-center">
        <div class="col-xs-12 title">
            Text
        </div>
    </div>
    <div class="row">

    </div>
</div>

如何去除绿色元素 (.header) 的底部？

.header {
    background:green;
}

.title {
    color:white;
    font-size:600%;
}

Answer 1

那个空格不是填充；属于像(qypj)这样有后缀的小写字母。

解决方法是用 <span> 将文本换行

<div class="col-xs-12 title">
    <span>Text</span>
</div>

然后对齐<span>垂直元素如下:

EXAMPLE HERE

.title { font-size: 3em; }

.title span {
    height: 1em; /* 1em is equal to the font-size of the parent which is 3em */
    display: inline-block;
    vertical-align: bottom;
}