html - How can I convert the string "Hello this is world" to "world is this Hello" in CSS? -

html - How can I convert the string "Hello this is world" to "world is this Hello" in CSS? -

how can reverse string "hello world jack" "jack world hello" using css?

for example:

hello world jack

i wondering how convert using css

jack world hello

assuming each word in different html element, can use

class="lang-css prettyprint-override">display: flex; flex-direction: row-reverse; justify-content: flex-end;

class="snippet-code-css lang-css prettyprint-override">.wrapper { display: flex; } .reversed { flex-direction: row-reverse; justify-content: flex-end; } .wrapper > * { margin: 0 .1em; } class="snippet-code-html lang-html prettyprint-override"><div class="wrapper reversed"> <span>hello</span> <span>world</span> <span>this</span> <span>is</span> <span>jack</span> </div> <div class="wrapper normal"> <span>hello</span> <span>world</span> <span>this</span> <span>is</span> <span>jack</span> </div>

html css