How to make the length of the border-bottom change depending on the number of words. Ie more words, less length, less words, more respectively. As in the figure, so that the length changes depending on the number of words, differently in each line. 
1 answer
It would be nice to show your markup ... This option:
ul { padding: 0; } li { display: flex; flex-wrap: nowrap; margin: 10px; } li span { flex-grow: 1; margin-bottom: 2px; border-bottom: 1px dotted #999; } <ul> <li>Рабочий объем<span></span>3990.0</li> <li>Цвет<span></span>Красный</li> <li>Номер кузова<span></span>100500</li> <li>Год выпуска<span></span>1889</li> <li>Номер двигателя<span></span>087915</li> <li>Номер двигателя<span></span>05</li> <li>VIN<span></span>1HGCR2F35GA8TY54</li> </ul> |