I used the following style declaration:
<style>
<!--
.indent {padding-left: 25%}
.indent2 {padding-left: 100}
-->
</style>

In addition, lines with red text should wrap around in your browser window for this test, lines with blue text shouldn't wrap. All lines should be have a bit of space in front of them.


first <p class=indent> It seems the {padding-left: 10%} is only applied if the line is long enough to wrap, ugh. But it only does this while in a container (i've only tested it in a table).

second <p class=indent>

first <p class=indent2>

Second <p class=indent2>. The odd thing about this is that the line-long-enough-to-wrap requirement applies if the value for padding-left is given as a percentage, but not otherwise (i tried pixel values (no unit given) and em's).

first <p class=indent> It seems the {padding-left: 10%} is only applied if the line is long enough to wrap, ugh.

second <p class=indent> ACK!!!

first <p class=indent2>

Second <p class=indent2>. The odd thing about this is that the line-long-enough-to-wrap requirement applies if the value for padding-left is given as a percentage, but not otherwise (i tried pixel values (no unit given) and em's).