CSS右对齐实现方法

用CSS实现右对齐，这似乎是一个太过基础的例子啊，不过越基础越容易出错，有时候甚至找不到头绪了，这也是我本人在刚开始写CsS的时候所遇到的问题，今天才次向CSS初学者演示一款极其简单的CSS右对齐代码，希望对你的前端设计开发有所帮助。代码如下：

<style>
li {float:right;list-style-type:none;}
div {width:200px;height:200px;background:#999;}
</style>
<div>
<ul>
<li>空天</li>
<li>然依</li>
<li>蓝么那</li>
</ul>
</div>

其实这里最主要的一个CSS属性就是float:right，也就是浮动属性：右对齐，也可以改成float:left，改成这样后，想一想，你可以扩展出许多的网页布局，比如最基础的网站导航菜单、友情链接列表、一行两列的文字列表等。

更多的请看我的web前端构架系列文章，总结了到目前为止我的所有经验：http://www.iteye.com/topic/1134881