У меня есть список с пулями. Я сделал пули меньше, положивli текст внутриspan и делая размер шрифтаli меньше, чем у пролета. Проблема в том, что теперь маркеры не выровнены по вертикали относительно текста. Как мне это исправить?

HTML:

<ul>
    <li><span>text1</span></li>
    <li><span>text2</span></li>
    <li><span>text3</span></li>
    <li><span>text4</span></li>
</ul>

CSS:

li{
    font-size: 15px;
}
li span{
    font-size: 25px;
}

jsFiddle:http://jsfiddle.net/tXzcA/