html - CSS - 样式化编码字形

Question

我需要一个标题旁边带有加号 (+) 的客户站点。它需要看起来像这样 -

我正在为字形使用 html 代码 - +。我将它放在 h1 标签内的 span 标签内，如下所示 -

span {
  /* content: "\002B"; */
  padding-right: 25px;
  height: 75px;
  color: #4b0082;
}

<h1><span>&#43;</span>What we do</h1>

我可以应用颜色和填充样式，但不能应用大小。它需要更大，如上例所示。我的标题位于大型容器 div 的顶部。如何将大小调整规则应用于加号 (+)？

Answer 1

添加字体大小有望解决您的问题。查看您当前的示例，我可以看到您已经知道如何正确对齐它。

span {
  /* content: "\002B"; */
  padding-right: 25px;
  height: 75px;
  color: #4b0082;
  font-size: 55px;
}

<h1><span>&#43;</span>What we do</h1>