Как сверстать стрелки которые будут заполнять остальную ширину блока?

Question

[Valery23]

Есть код (приведу нижу). Как сделать стрелки, заполняющие остальную ширину ? Можно ли повесить анимацию при скролле вниз, чем больше скролишь, тем дальше двигается стрелка?

<ul>
<li>Компактный, лёгкий, ударопрочный</li>
<li>Запас энергии: <strong>5000 измерений</strong></li>
<li>Время измерения: <strong>9 сек</strong></li>
<li>Большой дисплей, крупный шрифт</li>
<li>Одна большая <strong>удобная кнопка</strong></li>
<li>Термометр для измерения температуры помещения</li>
<li><strong>Память на 365 измерений</strong></li>
<li>Таймер для напоминаний, подключение к ПК</li>
</ul>

Comments

[Ankhena]

1. Оберните содержимое li в span
2. Добавьте псевдо со стрелочкой
3. Задайте flex для li
4. Задайте flex-grow для псевдо.

Answer 1

[AlexanderShustik]

Comments

[Valery23]

Оно то все как нужно ) Но дело в том, что у меня html структура без span -ов. Надо искать скрипт, который будет автоматом подставлять span -ы по классам (

[Valery23]

Если добавить в цифры пробелы, то контент переходит на две строчки.

[AlexanderShustik]

Может так?

[Максим]

AlexanderShustik, на мобиле не работает