“`css
h1:after {
content: “”;
display: inline-block;
width: 10px;
height: 20px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid green;
margin: -4px;
position: relative;
h1:after {
content: “”;
display: inline-block;
width: 10px;
height: 20px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid green;
margin: -4px;
position: absolute;
top: -8px;
这段CSS代码使用了`:after`伪元素来插入一个额外的空格，其属性为`content: “”;`、`display: inline-block;`和`width: 10px;`、`height: 20px;`。其中，`display: inline-block;`使得`:after`伪元素能够与`h1`元素平等排列，`width: 10px;`和`height: 20px;`设置空格的大小和位置，`border-left: 8px solid transparent;`和`border-right: 8px solid transparent;`用于设置空格的背景颜色，`border-bottom: 8px solid green;`用于设置空格的边框颜色。
通过将这些属性应用到`h1`元素上，就可以去掉元素的解析空格了。具体效果如下：
“`html
<h1>一个标题</h1>
在这个例子中，大家插入了一个额外的空格后，该标题的实际大小应该是11px。