Отображение элементов

снизу вверх

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

x - обозначает элемент списка

| - обозначает границы списка или что-то еще, что ограничивает ширину списка

|xxxxxxxxx|<- elements reached the end of container and remaining elements will be rendered below
|xxxx     |

Мне нужно визуализировать элементы снизу вверх, чтобы я мог получить:

|xxxx     |
|xxxxxxxxx|<- elements reached the end of container and remaining elements will be rendered above

Возможно ли это?

Вот пример кода

<ul>
  <li>Some content</li>
  <li>Other content</li>
  <li>ContentContent</li>
  <li>Zawartość Contentu</li>
</ul>

В настоящее время, это без CSS. Я могу добавить все, что вы порекомендуете, для рендеринга снизу вверх. Что-то вроде float: bottom , которого, к сожалению, не существует.