html li内容按字母排序,css – 按字母顺序垂直块排序html ul / li列表

这是我偶尔遇到的一个问题,我通常会尝试从后端角度进行解决,但是想知道是否有其他人在前端找到解决方案的神奇解决方案.

给定一个ul / li列表,在标记中按字母顺序提供,来自a-z：

• Alpha
• Bravo
• Charlie
• Delta
• Echo
• Foxtrot
• Golf
• Hotel
• India
• Juliet
• Kilo
• Lima
• Mike
• November
• Oscar
• Papa
• Quebec
• Romeo
• Sierra
• Tango
• Uniform
• Victor
• Whiskey
• X-ray
• Yankee
• Zulu

通常情况下,将项目浮动并在块中以视觉方式水平排序非常容易,例如：

但是,要获取列,如下所示：

我总是不得不将HTML分解成单独的实体,例如四个单独的< ul>上例中的元素.

有没有办法将它全部保存在一个ul列表中而没有任何额外的标记,只使用CSS(没有JavaScript)来获得像上面第二个图像的柱状外观？我的猜测是“不”,但我之前看过一些魔术,我想更明确地回答这个问题.