<p>I'm looking to vertically align text by adding <code>&lt;br /&gt;</code> tags between characters with jQuery.</p>

<pre><code>&lt;div id="foo"&gt;&lt;label&gt;Vertical Text&lt;/label&gt;&lt;/div&gt; 
</code></pre>

<p>would look like this:</p>

<p>V<br />
e<br />
r<br />
t<br />
i<br />
c<br />
a<br />
l<br />
<br />
T<br />
e<br />
x<br />
t<br /></p>

Not tested, but it should work.
```
```
var element = $( '#foo label' );
var newData = '';
var data = element.text();
var length = data.length;
var i = 0;

while( i < length )
{

    newData += data.charAt( i ) + '<br />';
    i++;

}

element.html( newData );
```
```