Html 将图像附加到第一个字母

我有个问题 如何使用CSS将图像附加到H1的第一个字母？ 看图 有什么想法吗？

---

您可以尝试使用

：before

伪类来附加图像

例如：

h1：之前{
内容：网址(http://placehold.it/50x50);
宽度：50px；
高度：50px；
位置：相对位置；
顶部：50px；
左：20px；
}
链接绑定的

您可以执行以下操作：

---

使用

位置：绝对

<sytle>
h1:before {
    content: url(http://placehold.it/50x50);
    width: 50px;
    height: 50px;
    position: relative;
    top: 50px;
    left: 20px;
}
</style>

<h1>LINKBOUND's</h1>

<div id="container">
    <h1 class="maintitle">LINKBOUND</h1>
</div>

#id{
    position:relative;
}

.maintitle{
    font-size:100pt;
}

.maintitle:before{
   content: url('http://placehold.it/75/75');
  position:absolute;
  top:170px;
}