html - 为具有 -ve 文本缩进的段落应用背景颜色

Question

在我的一个 html 页面中，我有如下所示的段落标记。

<P style="MARGIN-LEFT: 0.5in; BACKGROUND-COLOR: #656565;TEXT-INDENT: -0.25in; TEXT-ALIGN: justify;" >my text here</P>

在 vb6 web 浏览器控件中，我们加载这些页面并根据特定条件突出背景颜色。它适用于所有文本和 html 元素。但是对于具有 -ve 值的 TEXT-INDENT 的段落，它不能正常工作并且突出显示将不完整并且它不会突出显示从 .25 英寸开始的文本。那么如何才能突出显示呢？在下图中，第一个是错误情况(带有文本缩进)，第二个是没有缩进。

那么即使指定了文本缩进，现在如何为这些文本应用背景色？

Answer 1

您无法按照您预期的方式执行此操作，但您可以减少边距并根据与指定的缩进值相关的量向元素添加填充。

Demo Fiddle

<P style="MARGIN-LEFT: 0.25in; BACKGROUND-COLOR: #656565;TEXT-INDENT: -0.25in;padding:0 .25in; TEXT-ALIGN: justify;" >my text here<br />more text here</P>

请注意，您应该始终尝试在 CSS 中使用小写字符，并倾向于使用样式表而不是内联值。

HTML

<p>
   my text here
   <br />
   more text here
</p>

CSS

p {
    margin-left: 0.25in;
    background: #656565;
    text-indent: -0.25in;
    padding:0 .25in;
    text-align: justify;
}