How to make each of the li ends at the end of the text?

Question

css

How to make each 'li' end at the end of the text, but at the same time go to the column, that is, without using float and inline-block?
jsfiddle.net/2uk2fwvq

Answer 1

Either wrap the text in some <span>with the property display: inline-block, or dirty write display: tablefor<li>

Answer 2

jsfiddle.net/2uk2fwvq/3