CSS изображения не центрируются с радиовходами

Question

Я просто пытаюсь встроить CSS чтобы получить это право и переместит его в мой файл "стилей", когда закончите. То, что я пытаюсь сделать, должно сделать все изображения и переключатели встроенными в окружающую среду. DIV, Что я не могу сделать, так это вывести их в центр по высоте. Я попробовал нижнее поле на первой радиокнопке, как вы можете видеть, но это ничего не делает. Что я делаю неправильно? Могу ли я где-нибудь внести ясность?

<div style="height:30px;">


            <input type="radio" name="pay_type" checked="checked" style="margin-bottom:10px;">&nbsp;&nbsp;&nbsp;<img src="/images/cards.png" style="margin-right:40px;">
            <input type="radio" name="pay_type">&nbsp;&nbsp;&nbsp;<img src="/images/pay-pal.png" style="margin-right:40px;">
            <input type="radio" name="pay_type">&nbsp;&nbsp;&nbsp;<img src="/images/amazon-payments.png">


</div>

Answer 1

Я надеюсь, что это то, что вы ищете JSFIDDLE

Я включил другой <div> который содержит input элементы и пытались vertical-alignэто внутри родителя <div>, Я дал родителю div высоту 600px, вы можете изменить его и проверить.

Однако у меня все еще есть встроенные стили. Измените его, как только это сработает для вас.