Как выровнять флажки и их метки последовательно кросс-браузеры

Это одна из незначительных проблем CSS, которая постоянно беспокоит меня. Как люди вокруг переполнения стека вертикально выравнивают checkboxes и labels последовательно кросс-браузер? Всякий раз, когда я правильно выравниваю их в Safari (обычно используя vertical-align: baseline на input), они полностью отключены в Firefox и IE. Исправьте это в Firefox, и Safari и IE неизбежно испортятся. Я трачу время на это каждый раз, когда я кодирую форма.

вот стандартный код, с которым я работаю:

<form>

    <div>

        <label><input type="checkbox" /> Label text</label>

    </div>

</form>

Я обычно использую сброс Эрика Мейера, поэтому элементы формы относительно чисты от переопределений. С нетерпением ждем любых советов или трюков, которые вы можете предложить!