Есть ли в CSS возможность добавить левый отступ к содержимому переполнение на адаптивных устройствах?
input
Lorem ipsum dolor sit amet, consectetur adipiscing elit donec euismod ipsum et nisl faucibus
Требуемый вывод при переформатировании текста на адаптивных дисплеях без переноса слов
Lorem ipsum dolor sit amet, consectetur adipiscing elit
donec euismod ipsum et nisl faucibus
Обратите внимание на отступ слева для соответствия адаптивным экранам. По сути, это может означать, что эта строка должна восприниматься как первая строка, хотя она разбита на весь экран.
Мой вариант использования касается размещения строк текста в одной строке (в больших устройствах это не будет проблемой .); в то время как в портативных дисплеях это должно быть сломано очевидно. Пожалуйста, обратите внимание, что мы знаем о переносе слов по размеру экрана, но это влияет на эстетику отображения, и длительная горизонтальная прокрутка нежелательна, поскольку у нас на странице достаточно много таких экземпляров. Я использую jekyll с уценкой.
TL; DR
Требуется CSS для изменения только переполненного текста без необходимости горизонтальной прокрутки. (т.е.) Хотелось бы добавить текстовый отступ: 1em к переполненному тексту