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