请教CSS达人，怎样在li中设置两个span标记左右浮动？

html-css021

请教CSS达人，怎样在li中设置两个span标记左右浮动？,第1张

两种方法,一个是右浮的写在前面,定义右浮动

另一个是按顺序写,左边的定义左浮动,右边的定义右浮动,但这样外盒的高度要给定一下,要不容易出问题

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>New Document </TITLE>

<style type="text/css">

.top{

width:400pxborder:1px solid grayline-height:2em

}

.left{

float:left

display:inline

}

.right{

float:right

display:inline

}

</style>

</HEAD>

<BODY>

右浮动:<div class="top"><span class="right">右边内容写在左边</span><span >左边内容写在右边</span></div>

左右浮动:<div class="top"><span class="left">左边内容写在左边</span><span class="right">右边内容写在右边</span></div>

</BODY>

</HTML>

抱歉 说错了

无序列表中的子标签 结构为

<ul>

<li></li>

</ul>

作用：基本用途不用说了。在现今的网页设计中为了确保网页的良好结构，我们一般用li来组织网页的导航按钮，不提倡简单的将一堆a放在一起。