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>
