Html 如何将小图像集成到文本中

我想强调一个字的文字在一个网站与a）特殊字体和b）小图像“周围”的字。下面是一个例子：

---

实现这一点的最佳方式是什么？因此，它将适用于不同的浏览器/窗口大小？

将该单词包装成一个范围。对背景图像使用伪元素

正文{
背景：白色；
}
h1{
边缘顶部：50px；
}
跨度{
位置：相对位置；
}
.背景{
颜色：红色；
}
.背景：以前{
内容：''；
位置：绝对位置；
右：0；
顶部：-25px；
宽度：100%；
高度：35px；
背景：url(http://redhatsociety.com/sites/all/themes/red_hat_society/images/funstuff/hearts.png)无重复右上；
}

每个人都很特别