Html 如何使文本围绕网站上的图片对齐

我在一个个人网站上工作，在一个个人网站上突出我的认证。使用图像的部分ToS是在每张图像的右上角放置一个TM。我无法将文本对齐到需要的位置

这就是我所拥有的：

HTML

最终的结果是

---

我想要的是所有的图像在一条紧的线和一个小TM在适当的地方。如果有任何帮助，我们将不胜感激。

以下是代码，它将为您将徽标放置在右上角，这里我使用了一些虚拟图像，您可以将它们替换为您的图像

影像资料室{ 显示：内联块； 位置：相对位置； } 图像主要分区>p{ 位置：绝对位置； 顶部：-15px； 右：0； 颜色：fff； } JS-Bin 商标

商标

商标

---

您应该将图像和TM文本包装在一个DIV中，使该位置为：相对，将TM文本放入t span中，使该位置为：绝对，顶部为：0；右：0；。有关详细信息，请参见下面的我的代码片段

影像学{ 填充：0； 左边距：自动； 右边距：自动； 边缘顶部：20px； 文本对齐：居中； } imagesMain img{ 高度：100px； 宽度：自动； } 影像资料室{ 显示：内联块； 位置：相对位置； 高度：100px； 宽度：自动； 垂直对齐：中间对齐； } 主跨距{ 位置：绝对位置； 排名：0； 右：0； } 商标 商标 商标 用一个跨距包装你的图像，然后使用一个伪标记在右上角添加TM

影像学{ 填充：0； 左边距：自动； 右边距：自动； 边缘顶部：20px； 文本对齐：居中； } 主跨距{ 位置：相对位置； 显示：内联块； } imagesMain span:：after{ 内容:"TM";； 位置：绝对位置； 顶部：-4px； 右：-4px； } imagesMain img{ 高度：100px； 宽度：自动； 垂直对齐：中间对齐； 边界半径：50%； }

---

将每个图像包装成单独的div，然后使该div位置相对，然后将tm放入p标记中，使p位置绝对，然后您可以将其移动到顶部：0右侧：0以使其显示在顶部右侧。请查看并评论我的答案，如果有不清楚或遗漏的内容，请告知我。如果你能接受对你帮助最大的答案，那也太好了。

<div id="imagesMain"> 
        <img src="aplus.png"> TM
        <img src="network.png"> TM
        <img src="security.png"> TM
    </div>

#imagesMain {
 padding: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    text-align: center;
}

#imagesMain img {
    height: 100px;
     width: auto;
    vertical-align: middle;
}