Я пытаюсь выровнять мою "стрелку выпадающего меню" по вертикали в навигационном меню.
Я пробовал различные варианты, такие как вертикальное выравнивание: среднее, отображение: встроенный блок и тому подобное, но это не помогло. http://img02.imgland.net/jfCmDoW.png
HTML выглядит так:
<li>
<a href="#!" data-activates="dropdown1">English
<i class="material-icons">arrow_drop_down</i>
</a>
</li>
Я создал JSFiddle, который демонстрирует проблему: https://jsfiddle.net/dbwaoLrh/
Объяснение того, что я делаю неправильно, очень ценится, поскольку я сталкиваюсь с этой проблемой каждый раз, когда я использую "нестандартные" размеры шрифтов с использованием materialize-framework.