CSS - Top Align Text Within Line

by Kyle Mitofsky

HTML

<div id="myDiv">
    Would<br />
    Be Nice<br />
    If Aligned<br />
    To the "top"<br />
</div>

CSS

#myDiv {
    float: left; 
    vertical-align: top;
}
.spacer {
    height: 24px;
    display: inline-block;
}

JavaScript

$(function() {
    $('br').before('<div class="spacer"></div>');
});