Html 将箭头图像直接放在段落中的句子后面

我有一个箭头图像，需要紧跟在每个段落最后一句的句号之后。此图像周围有一个href，该href需要链接到另一个页面。我不知道如何让这个箭头自动定位在句子的句点旁边（与左对齐或右对齐，一直到边缘）。使用背景图像对我来说不太合适，因为href-around图像。我知道有很多方法可以链接到div，但如果可能的话，我不希望这样处理

以下是现场代码：

HTML:

---

给出锚

显示：内联块

a{
     display: inline-block;
     vertical-align: middle;
}

并从

p

标签的

anchor

标签内的

img

标签上移除不必要的填充

要使用的确切css是：

.column-4-layout .column-container p a img {
    padding: 0;
}

 .column-4-layout .column-container p a{
    display: inline-block;
    vertical-align: middle;
}

---

查找

.column-4-layout.column容器p img

，并对css文件进行以下更改

.column-4-layout .column-container p img {
    display: inline-block;
    float: none;
    margin-right: 10px;
    padding-bottom: 0;
    padding-top: 5px;
    width: auto;
}

更新了您的代码笔：

.column-4-layout .column-container p a img {
    padding: 0;
}

 .column-4-layout .column-container p a{
    display: inline-block;
    vertical-align: middle;
}

.column-4-layout .column-container p img {
    display: inline-block;
    float: none;
    margin-right: 10px;
    padding-bottom: 0;
    padding-top: 5px;
    width: auto;
}