How can I make it so that the inner list is not so far embedded into the page? I want to somehow get the inner list here to be like 5 pixels or so inside the outer LI. Right now it lines up under the "V" in flavored. I would like to get it lined up under the "t" in Fruit
<li class="bold">Fruit Flavored Energy Bars!<br />
<li style="list-style:none; display:inline;"><span class="small"> Cherry - Raspberry - Lemon - Orange - Vanilla</span></li>
Hope that makes sense.