converting white space into line break

Question

Is it possible to add a line break on each white space using CSS?

For example, if I have string "Format It" I would like to display it like

Format
It

using CSS.

Answer 1

You can use the word-spacing property. It defines the space between the words. If you set it to the size of the container, it will force a line break...

Since it doesn't accept percentual values, you can use relative values like vw.

div {
    word-spacing: 100vw;
}

http://jsfiddle.net/ApL3h/