why is my html not lineing up(Same code, different results)

[vivatv]

To start this off this isn't a repost its a different question, same code.So last question I got the h1 and h1:small to line up, i use that code in more than one spot and it breaks, (they don't line up). Am I doing this wrong? My html:works:\[code\] <div class="span3"> <div class="packspace"> <div class="thumbnail"> <div class="well-small"> <div class="center"> <img src="http://stackoverflow.com/questions/14543934/img/Redstone.png" /> </div> <h3 class="centerbg">RedStone</h3> <div class="pull-right"> <ul class="inline"> <li><h1>8$ |</h1></li> <li><h1><small> 512mb</small></h1></li> </ul> </div> </div> <div class="centerbtn"> <button class="btn btn-info">Info</button> </div> </div>\[/code\] Doesn't work:\[code\] <div class="span3"> <div class="packspace"> <div class="thumbnail"> <div class="well-small"> <div class="center"> <img src="http://stackoverflow.com/questions/14543934/img/lazuli.png" /> </div> <h3 class="centerbg">Lazuli</h3> <div class="pull-right"> <ul class="inline"> <li><h1>15$ |</h1></li> <li><h1><small> 1024mb</small></h1></li> </ul> </div> </div> <div class="centerbtn"> <button class="btn btn-info">Info</button> </div> </div></div> </div>\[/code\]CSS:\[code\]h1 small { vertical-align:middle;}.packspace { margin-top: 5px;}.center { width: 50%; margin: 0px auto;}\[/code\]Thanks in advance(PS I am using bootstrap(By Twitter)).