一行内，左右分离的布局一例

感觉自己这个布局蛮简单有效的，第二次去用的时候还没想到这样写，去翻以前的才发现，还是记录一下吧。

 

效果：

 

 

 

代码：

 

 

            <div id="top-bar">
		<p class="r-f">
			<a class="home" href="">首页</a>
			<a href="">社区</a>
			<a href="">资源站</a>
			<a href="">牌</a>
			<a class="money" href="">XXX</a>
			<a class="ask" href="">帮组中心</a>
		</p>
		您好，<a class="light" href="">XX</a>欢迎来到XX网
		<a href="">我的空间</a>
		<a href="">我的首页</a>
		<a class="leftarrow light" href="">退出</a>
	</div>

 

CSS就一个 class="r-f", 就是： float:right;