Vertical Text Alignment

HTML

<div id="legend">
    <img src="http://fate.holmes-cj.com/plus.png"/>
    <span> * 5</span>
</div>
<p>
    You can see this in context on my <a href="http://fate.holmes-cj.com">Fate Dice Roller</a>.  Click on "Roll" a few times, and then mouse over the histogram at the bottom.
</p>

CSS

#legend {
    height:64px;
}

#legend span {
    vertical-align:middle;
    font-size:24px;
}

img {
    vertical-align: bottom
}

p { margin-top:20px; }