How to realize text Distribution Bureau

how to use html to implement the following layout

I have tried to split every word into a span myself, but I don"t think this method is good. I am looking for a better method

.

related codes

< style >

ul li{
  display: flex;
  width: 100px;
  background: -sharpeee;
  justify-content: space-between;
}

< / style >

    <li>AB</li>
    <li>ABC</li>
    <li>ABCD</li>

Css
Aug.09,2021

I don't know if you use vue,. If you use vue, you can use v-for to achieve this effect




ABABC

 

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3a75e-2c210.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3a75e-2c210.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?