Html 调整H1，H2的大小。。。标记本身，而不是父元素

这可能是一个非常简单且经常被问到的问题，但我没有找到合适的关键字进行搜索：我有以下代码：

        <div id="bloquetexto4" class="bloquetexto">
        <H2><b>TITULO</b></H2>
        <p>Texto bla bla bla.</p>

我只希望H2元素比正常循环中的元素稍微小一点，但是当我添加这个元素时，H2实际上变成了一个小得多的文本，当然比它通常大小的90%要小得多（我在上做了一个JsFiddle）

---

我理解这是因为，当您添加

字体大小时，H2的大小是根据父元素中的字体大小计算的，因此在上述情况下，H2大小将是父元素常规文本大小的90%。我的问题是：如何使它根据自身计算大小？（正如我所说：我只希望H2比通常的小一点，而不管页面中其他元素的大小）。
使用
px
，
em
或其他任何东西，而不是
%
。因为
%
正如您所知，获取父元素的高度。
如果您设置了H2元素，大多数浏览器都有一个标准设置，可以在中找到，因为H2是1.5em


.bloquetexto p{
字体大小：110%；
颜色：橙色；
}
.bloquetexto h2{
字体大小：1.3em；
/*较小的文本，因为标准为1.5em*/
}


提特罗
Texto bla bla bla.
您可以添加一个类，然后添加.classname h2{give font size}，这不会影响另一个h2。在大多数浏览器中，h2元素的默认值是“font size:1.5em
.bloquetexto p { 
    font-size: 110%;
    color: orange;
}
.bloquetexto h2 { font-size: 90%; }