How to use css and html to achieve serpentine data, just start to arrange from left to right, and then arrange the content from right to left.

problem description

there is a flowchart, which defaults from left to right, whether the line break beyond the div can be displayed from right to left, and then from left to right when it is exceeded.

the environmental background of the problems and what methods you have tried

I really don"t know how to implement it in div css. I"m working on it in canvas.

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?

Aug.12,2021

ul:nth-of-type(2n){
    flex-direction: row-reverse;
}
ul  liulul2

demo:

https://github.com/giscafer/d.

idea, even-numbered lines can be laid out in reverse flex-direction


can achieve two lines of effect

 <div style="float:left;text-align:right">
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Error minus neque, exercitationem quas a, voluptate saepe illum enim necessitatibus id illo ut! Consectetur unde, quas optio quaerat sit corporis commodi.
  </div>
Menu