Question

So I have been trying to do this for about an hour now and I have exhausted to my knowledge how to get this to work. Am I doing something small wrong that I cannot see?

.center {
  width: 50%;
  margin: 0px auto;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<div class="center">
  <ul class="inline">
    <li>
      <h1>8$:</h1>
    </li>
    <li>
      <h1><small> 512mb</small></h1>
    </li>
  </ul>
</div>

Answer 1

Do you want it this way?

Screenshot

CSS Code

h1 small {vertical-align: middle;}

Fiddle: http://jsfiddle.net/praveenscience/jcyam/