Css 垂直居中标签内的文本

Css 垂直居中标签内的文本,css,Css,下面的示例在Chrome中工作,但在FF或IE中不工作。我正在尝试垂直居中“选项1”和“选项2”。有人能把我推向正确的方向吗 HTML <div id="polls-4" class="wp-polls"> <form id="polls_form_4" class="wp-polls-form" action="/sandbox/our-girls/" method="post"> <p style="display: none;">

下面的示例在Chrome中工作,但在FF或IE中不工作。我正在尝试垂直居中“选项1”和“选项2”。有人能把我推向正确的方向吗

HTML

<div id="polls-4" class="wp-polls">
    <form id="polls_form_4" class="wp-polls-form" action="/sandbox/our-girls/" method="post">
        <p style="display: none;"><input type="hidden" id="poll_4_nonce" name="wp-polls-nonce" value="eeb4f4642f"></p>
        <p style="display: none;"><input type="hidden" name="poll_id" value="4"></p>
        <div id="polls-4-ans" class="wp-polls-ans"><ul class="wp-polls-ul">
        <li><input type="radio" id="poll-answer-13" name="poll_4" value="13"> <label for="poll-answer-13"><img src="http://i.minus.com/iCKua5u7mVHHA.gif">Option 1</label></li>
        <li><input type="radio" id="poll-answer-14" name="poll_4" value="14"> <label for="poll-answer-14"><img src="http://i.minus.com/iCKua5u7mVHHA.gif">Option 2</label></li>
        </ul>
    </form>
</div>

示例:

由@Passerby提交将为Firefox生成项目符号,只需稍加修改即可。[http://jsfiddle.net/tePwt/5/]@John使用这个jsfiddle.net/tePwt/7/我希望这对你有所帮助

从注释扩展而来:

垂直对齐:中间对齐

img

可能重复我在那个线程中尝试了解决方案,但不幸的是无法使其工作。css中的垂直居中一直很难看,因为W3C似乎认为宇宙中的一切都是水平的。这样如何:?@Password perfect谢谢!如果你想提交你的答案,我会把它标记为正确。
.wp-polls-ul { margin:0 !important }
.wp-polls-ul li { margin-bottom:10px }
.wp-polls-form .wp-polls-ul li input { float:left;height:35px;margin-right:10px }
.wp-polls-form .wp-polls-ul li label { display:block;height:35px;line-height:35px;vertical-align:top }
.wp-polls-form .wp-polls-ul li label img { margin-right:10px }