css - 在文本段落内放置空白

Question

我有一个带有长文本的文本段落：

<p>Lorem ipsum ... </p>

我在右上角为这一段设置了背景图片。我想强制这个文本不覆盖这个背景，而是浮动它。所以我需要一个padding-right高度有限的“部分”（背景图像的高度）。

是否可以只使用 CSS ？

Answer 1

您可以使用浮动伪元素。

jsFiddle 演示

p {
    width: 300px;
    height: 300px;
}
p:before {
    content: "";
    float: right;
    width: 50px; 
    height: 50px;
}