Я пытаюсь разместить предварительно отформатированный блок текста справа от страницы, сохраняя выравнивание текста по левому краю блока, чтобы получить выровненный по правому краю абзац, содержащий текст, выровненный по левому краю. Это работает очень хорошо:
Код: Выделить всё
pre {
display: flex;
justify-content: flex-end;
text-align: left;
}
A preformatted para with
various stuff
inside it.
Проблема в том, что когда я добавляю к этому текстовую область (например, вставляя foo после первой строки ), разрывы строк до и после текстового поля игнорируются.
Это работает, когда я обертываю
в и затем примените стиль к :
Код: Выделить всё
div {
display: flex;
justify-content: flex-end;
text-align: left;
}
A preformatted para with a
textarea
and other stuff
inside it.
но, к сожалению, HTML не находится под моим контролем, поэтому я не могу этого сделать. Я мог бы сделать это с помощью таблицы, если бы мог контролировать HTML; и я не могу найти способ сделать это с помощью float:right, потому что окружающий текст появляется рядом с плавающим пунктом.
Есть ли способ заставить это работать так, как я ожидали, изменив только CSS?
Подробнее здесь:
https://stackoverflow.com/questions/793 ... a-new-line
Мобильная версия