jquery - Align the characters in div one below the other (vertical align) -

I would like to align the text vertically on a button click.

I am using php and jquery framework library.

This is what I am trying to ask:

Ex: "myname xyz" (normal alignment)

vertical alignment

  ex: myname ....   
 Please guide.   
 
 
 Use the word wrap property of CSS  
  & lt ; Script & gt; Click $ ("button") (function () {$ ("div"). Html ($ ("div"). Html (). Partition ("") .join ("& amp; nbsp;")) ($ ("Div"). Width () == 1) {$ ("div") width ("100%");} and {$ ("div"). Width (1);}}); & Lt; / Script & gt;