CSS怎么将所有LI的内容排成一行

html-css020

CSS怎么将所有LI的内容排成一行,第1张

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

<html xmlns="

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<title>景安网络</title>

<style type="text/css">

li{ display:inline}

</style>

</head>

<body>

<li>11</li>

<li>111</li>

<li>11</li>

</body>

</html>

使用display:inline将li转换为行内元素即可

顺序搞错了，呵呵

你变换下顺序就OK了，把span和   新闻标题对换下位置

正确代码如下：

<ul>

    <li style="float:left">

        <span style="float:right">11th Dec 2013</span>

        新闻标题

    </li>

</ul>