.box{
float:left}//向左浮动显示了
.box{float:right}//向右浮动显示了
.box{width:980px
margin:0px
auto}//居中显示了
.box{margin-top:5pxmargin-bottom:5pxmargin-left:5pxmargin-right:5pxpadding-left:5px}这个前面的分别是外面距，距上，下，左，右，后面是内边距距左，其它的也一样子的道理
在HTML调用有两种方法，第一种，直接把这个写在html的head文件里面，
在这里是CSS代码
，或者直接建CSS文件，把代码写里面，在HTML引入，
1、在ul样式中设置文本居左对齐。
ul {
padding:0
margin:0
text-align: left
list-style-type: none
}
2、标签大小不同，可以用自定义的背景图片代替标签样式。
ul li
{
background-image:url(sqpurple.gif)
background-repeat:no-repeat
background-position:0px 5px
padding-left:14px
}
扩展资料：
控制ul下具体的li:
1、ul li:first-child{ }
第一个li
2、ul li:last-child{ }
最后一个li
3、ul li:nth-child(4){ }
指定第几个,4就是代表第四个li
4、ul li:nth-child(2n+1){background:red}
匹配第1、第3、第5、…个li
5、ul li:nth-child(odd){background:red}
奇数的li
6、ul li:nth-child(even){background:red}
偶数的li
看样式的代码没有用居中的语句是：margin:0 auto
现在你要做的就是把这句话加对地方。
因为不太清楚你的网页结构，你可以用火狐中的FireBug，或者ie系列的IeDeveloperToolBar，来看你的网页结构（我想你应该知道这两个工具，不清楚去google搜一下，下载下来），试着将这句话加到较外层的Div或Table中，顺便注意下是不是外层Div定了居左等等。
有问题再联系:)
