字体高度问题在同一行

Question

问题示例：

    <ol><li>
<span>01</span><h4>SOME TEXT</h4>
</li></ol>

#faq ol li h4
{

    padding-bottom: 16px;
    padding-top: 14px;
    padding-left: 16px;
    max-width: 710px;
    width: 100%;
    color: #fff;
    font-family: DINCE-Medium , Arial, sans-serif;
    font-size: 16px;

我在将标题设置在与标题背景相同高度的标题旁边的同一行上时遇到了一些问题。

我真的不知道如何设置跨度数，因为每次当我将数字设置为与h4背景相同的高度（字体大小）时，它会有一点底部间距并且会毁掉它。

我尝试重置padding和margin to span但是我得到了相同的结果。

我很感激每一条建议：））

Answer 1

实际上不可能将文本的高度设置为与框的高度相匹配。在不同的浏览器和系统上，字体的呈现方式略有不同，因此它永远不会成为完美的100％像素。您永远无法完全控制字体渲染。

如果您需要像素完美，请使用图像。否则，请尝试获取访问者正在使用的浏览器和操作系统的一些统计信息，并尝试使其设计足够适合大多数浏览器和操作系统。