css - CSS 中的 top 属性不适用于 Internet Explorer 6

Question

我有一些带有收音机和复选框的表格。

它应该是这样的：

CSS：

.span-al-top
{
    position:relative;
    top:-7px;

}

.span-al-bottom
{
    position:relative;
    top:2px;
}

HTML：

<label>Radio</label>
<br />
<input type="radio" name="radio" value="uno" class="radio-margin"><span class="span-al-bottom">uno</span>
<input type="radio" name="radio" value="due" class="radio-margin"><span class="span-al-bottom">due</span>
<input type="radio" name="radio" value="tres" class="radio-margin"><span class="span-al-bottom">tres</span>
<br />
<label>Checkbox</label>
 <br />
<input type="checkbox" name="vehicle" value="Bike" class="checkbox-margin"><span class="span-al-top">one</span>
<input type="checkbox" name="vehicle" value="Bike" class="checkbox-margin"><span class="span-al-top">two</span>
<input type="checkbox" name="vehicle" value="Bike" class="checkbox-margin"><span class="span-al-top">three</span><br />
<input type="checkbox" name="vehicle" value="Bike" class="checkbox-margin"><span class="span-al-top">four</span>
<input type="checkbox" name="vehicle" value="Bike" class="checkbox-margin"><span class="span-al-top">five</span>
<input type="checkbox" name="vehicle" value="Bike" class="checkbox-margin"><span class="span-al-top">six</span>

它可以工作，但它不适用于 Internet Explorer 6。在 Explorer 6 中，我有这个：

知道我该如何解决吗？

Answer 1

好的，我解决了。我只需要添加代码：

vertical-align: middle;

两种跨度样式。