CSS：带边框的 h2::first-letter 需要 h2 其余部分的边距答案

【问题标题】：CSS: h2::first-letter with a border needs a margin for the rest of the h2CSS：带边框的 h2::first-letter 需要 h2 其余部分的边距
【发布时间】：2015-10-19 17:59:08
【问题描述】：

我希望这个问题可以得到解答。更多细节：我想在 ::first-letter 之后创建额外的间距，但是当我向它添加边距时会扩展边框。我试图找到一个解决方案并找到 ::after 但这对我不起作用..

使用的 CSS：

h2::first-letter {
font-size: 200%;
font-family: Times;
padding-left: 5px;
padding-right: 3px;
border:2px solid black;                                                 
}

h2{
    font-family:"Helvetica Neue",HelveticaNeue,Arial,sans-serif;
    font-weight:normal;
}

任何提示或改进都会非常棒！我对它很陌生，但我学得很快。

【问题讨论】：

margin-right 适用于我的任何特定浏览器您遇到问题？

标签： html css web letter-spacing

【解决方案1】：

您需要将margin-right 添加到您的h2:first-letter 声明中。

有关示例，请参阅 this fiddle。

h2::first-letter {
   font-size: 200%;
   font-family: Times;
   padding-left: 5px;
   padding-right: 5px;
   margin-right: 3px;
   border:2px solid black;                                                 
}

【讨论】：