在伪元素CSS后面的::中的两个单词之间添加空格

Question

我想在单词TITLE和the之间添加两个额外的空格。因此，单词间距或文本缩进CSS属性在这里不起作用。有什么建议可以实现我的目标吗？非常感谢。

.c1::after{
content:"SUB TITLE THE EXAMPLE";
position:absolute;
display:block;
font-size:.395em;
letter-spacing:.125em;}

<div class ="c1" style="display:flex; justify-content:center;"> 
<h4>HELLO STACKOVERFLOW</h4></div>

Answer 1

您可以在content属性中使用0a0而不是空格。它们不会坍塌在一个空间里。

.c1::after{
content: "SUB TITLE0a00a0THE EXAMPLE";
}