Css 第'段；使用字符的s图标

我需要为某些段落类型设置一个图标，如注释或警告消息。 我使用@font-face规则和：before-pseudo元素将字符用作图标，如下所示：

p.warning:before    {content: '⚠';}

p.warning:before { 
    content: "\26A0";
}

问题是：如何在段落中以正确的方式呈现/设置此图标的样式。 我的意思是在左上角/开始边距？ 作为解决方案，我使用了以下规则：

p.warning   {display: table;}
p.warning:before    {display: table-cell;}

它在WebKit和Gecko中运行良好，但在opera中不起作用。以下是输出：

---

有什么建议吗？

您需要将其unicode字符代码放在

内容

属性中，而不是使用实际字符本身，如下所示：

p.warning:before    {content: '⚠';}

p.warning:before { 
    content: "\26A0";
}

---

找到了您提供的符号的代码。请注意，某些字体可能不支持扩展unicode字符。例如，在Windows7上使用Chrome执行一个命令会生成一个空白矩形（不支持字符）。您可能需要考虑使用带有“代码>背景图像的图像：URL（…）<代码>，或者另一个字符。 不使用实际字符本身，您需要将其unicode字符代码放入

content

属性中，如下所示：

p.warning:before    {content: '⚠';}

p.warning:before { 
    content: "\26A0";
}

---

找到了您提供的符号的代码。请注意，某些字体可能不支持扩展unicode字符。例如，在Windows7上使用Chrome执行一个命令会生成一个空白矩形（不支持字符）。您可能需要考虑使用带有“代码>背景图像的图像：URL（…）<代码>，或者另一个字符。 谢谢，实际上我没有这个问题。问题是：如何正确显示此图标？

：before

应在段落第一行左侧显示字符。到底是什么不起作用？谢谢，实际上我没有这样的问题。问题是：如何正确显示此图标？

：before

应在段落第一行左侧显示字符。到底是什么不起作用？