List bullet points not centered vertically

Question

Please take a look at this fiddle that contains an unordered list:

<ul>
    <li>Item 1
    <li>Item 2

I use Twitter Bootstrap, and the first button under "Step 1" is over two lines. Notice the bullet point does not align in the center vertically.

How can I fix this?

Answer 1

use

li a {  vertical-align:middle; }

DEMO