如何减少 div 字母 H、2、O 之间的字母间距答案

【问题标题】：How to reduce letter spacing between div letters H,2,O如何减少 div 字母 H、2、O 之间的字母间距
【发布时间】：2022-12-22 07:24:41
【问题描述】：

  div  { 
    display: inline;

}
.sub1{
    vertical-align: sub;
    font-size:x-small;
}

    <div>H</div>
    <div class="sub1">2</div>
    <div>O</div>

问题是 H、2（下标）、0 之间的字母间距呈现高，我想更紧凑的字母间距。

我不能使用小于 1 px 的字母间距，因为它无效。

【问题讨论】：

标签： html css

【解决方案1】：

写一个div，只把2包在span里

div  { 
    display: inline;

}
.sub1{
    vertical-align: sub;
    font-size:x-small;
}

<div>
H<span class="sub1">2</span>O
</div>

【讨论】：

更简单：.sub1{ vertical-align: sub;字体大小：x-small； } </style> <body> H<span class="sub1">2</span>O </body>