css控制内容排列问题

html-css014

css控制内容排列问题,第1张

这个还是得用到float的。只是定义下ul的宽度就行了。用两个类

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

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

<title>无标题文档</title>

<style type="text/css">

ul{margin:0padding:0list-style:nonedisplay:blockwidth:300px}

.l1{float:leftwidth:150pxoverflow:hidden}

.r2{float:left}

</style>

</head>

<body>

<ul>

<li class="l1">11111111</li>

<li class="r2">aaaaaaa</li>

<li class="l1">222222</li>

<li class="r2">bbbbbbb</li>

<li class="l1">33333</li>

<li class="r2">ddddddd</li>

<li style="clear:both"></li>

</ul>

</body>

</html>

根据要求改改，不懂的再向我提问

楼主写的是正确的哦，楼主的写法表示hover时颜色设置为#222222

未访问过的样式 :link

已经点击过的样式 :visited

鼠标悬停时的样式 :hover

鼠标按下时的样式 :active