css样式中关于li的横向排列

在css样式中关于li的横向排列的方法大致有两种：

第一种 ：直接在<li>里面设置样式

<ul style="list-style:none;">

<li style="display:inline">横向排列</li>

<li style="display:inline">横向排列</li>

</ul>

 

第二种：定义li的css样式

<style type="text/css">

<!--

.a{

background-color:#ccccc;

text-align:center;

float:left;

width:70px;margin:3px;

padding:3px;

list-style:none;

}

-->

或者

定义li的css样式

<style type="text/css">

<!--

li{

background-color:#ccccc;

text-align:center;

float:left;

width:70px;margin:3px;

padding:3px;

list-style:none;

}

-->