HTML遵循行缩进对齐

Question

我正在将内容添加到我无法修改但允许任何HTML的预定义布局中。我希望将一段文本对齐，就像浮动文本框一样，但是由于我无法改变的h4和p类，这一点很难实现。

我希望看到的是：

但目前看起来像是：

目前生成的HTML：

<div class="element property-line"><h4 class="property-name">Foo</h4>
<p class="p property-text">
    BAR <div style="line-height: 90%;";>
    <i> quite a long but of text that needs to wrap</i></div>
<p></p></div>

...我的内容从 BAR 开始，以 i 和 div 结束标记结束。

我想我可能会错过一个格式化技巧。

Answer 1

<div class="element property-line">
    <h4 class="property-name">Foo</h4>
    <p class="p property-text">
        BAR 
        <span style="line-height: 90%;">
             <i> quite a long but of text that needs to wrap</i>
        </span>
    </p>
</div>

这应该是你所追求的更多，<span>标签适合在段落中更改/样式化文本，因为<div>标签更适用于结构元素。

您的原始代码在最后一行还有一个额外的开头<p>。

Answer 2

我使用MS Word来创建一个文档，因为我希望它出现，然后将它放入的所有无关的琐事中删除;离开我：

<p style="margin-left:50pt; text-indent:-50pt">

然后找到了一种模仿<h4 class=和<p class=部分的解决方法，以便它们全部适合<div>。