Выровнять по отступу

У меня есть текст, который должен быть выровнен по правому краю, и когда этот текст занимает более одной строки и обтекает, эта новая строка должна отличаться от следующей строки, поэтому я пытаюсь заставить ее отступать на правая сторона, но я не могу найти подходящее решение.

I ' Я пробовал то, что было предложено в [ветке форумов htmlhelp # 8327] и [ветке codingforums # 58451], а также безрезультатно (не могу публиковать ссылки. Извините). Есть ли другой способ сделать это?

Мои попытки:

div.poem li:after
{
 content: " ";
 display: inline-block;
 width: 10px; 
}

Что-то делает, но я не хочу, чтобы он делал отступ, если текст занимает только одну строку.

div.poem li::first-line::after
{
 content: "asdf";
}

Ничего не делает

div.poem li:first-line
{
 color: red;
 margin-right: 200px;
 padding-right: 200px;
}

Текст на первая строка становится красной (чтобы я знал, что происходит), но поля и отступы ничего не делают.

HTML:

<div class='poem'>
    <ul class='poem'>
        <li>Here's one line of the poem</li>
        <li>This is the second line of the same stanza, which is long and will wrap around</li>
        <li>Part of the line above is now on line 3, and looks like it's supposed to be a line of its own.</li>
    </ul>
</div>
7
задан howardh 30 January 2011 в 18:50
поделиться