IE中的div内部列表对齐问题

Question

我的li标签里面有一个div，它在IE浏览器的每个浏览器中显示正确对齐。

在IE中，由于某些原因决定将数字放在div之上。这是个屏幕。

IE：

其他所有浏览器（本例中为Chrome）：

代码：

使用此php生成HTML：

//iterate the new ordered array and echo html
foreach($sort_array as $ID=>$val)
{
//get the title and author
$query = "SELECT ID, TITLE, SUBTITLE FROM $usertable WHERE ID='{$ID}'";
$result = mysql_query($query);
$row = mysql_fetch_assoc($result);
//echo the data with html formating
echo '
    <li>
        <div class="article">
            <a href="/Articles/' . $row["ID"] . '">
                <h2>' . $row["TITLE"] . '</h2>
                <h3>' . $row["SUBTITLE"] . '</h3>
            </a>
        </div>
    </li>
';      
}

这里确实没有可能影响格式化的CSS。只需字体大小，颜色和边距底部。

Answer 1

尝试将显示内联属性添加到元素中。

display: inline;

或

display: inline-block;

Answer 2

你可以提供相同的css吗？这会有所帮助！
你能说明为什么在li里面使用div而不是adding style to anchor tag或placing a child ul inside li？