如何制作仅影响文本而不影响图像的 CSS 规则?

Question

我正在使用一个php脚本来输出这样的帖子：

<div class="postoutput">
<p>
<img src="content/xeon.png" alt="xeon.png">
This is text, Xeon is great.```
</p>
</div>

我无法触摸输出，但我可以修改 CSS，有没有办法添加仅适用于仅使用 CSS 的文本的边距

图像是100%宽的，这没关系。

期望的目标是保持图像原样，但使文本每边只有 10px 的边距。请记住，我只能访问CSS文件。

Answer 1

长话短说...不，您不能将 CSS 直接应用于您的案例中的文本。

不过，您可能会模仿一些接近的东西。

假设您的图像是全角的，您可能会使用以下内容：

p {
padding:10px;
}
p > img {
margin:-10px -10px 10px;
}