1、给Li设置浮动。加上 float:left
2、对LI设置好相应的宽度width和高度height
3、通过overflow:hidden对超出li宽度的隐藏
相应代码为：
li{float:leftwidth:200pxheight:30pxline-height:30pxoverflow:hidden}
css控制第一个li标签的样式，和其他li的样式不同：给第一个<li>标签添加class或者id，然后编写css代码。
html：给第一个li元素添加一个class类名为“menu1”。
html：
<ul>
<li class=“menu1”>新闻一</li>
<li>新闻二</li>
<li>新闻三</li>
</ul>
css代码：
li{font-size：14px；} //4px大小的字体
.menu1{font-size:18pxfont-weight：bold；} //字体样式：粗体18px字体
效果：
1.首先，打开HTML编辑器并创建一个新的HTML文件，比如index。说明:html，用于填写代码的基本层次的问题。-
2.在index.html中的<style>标签中，将“.shoucang .sc_ul li”中的“height: 73px”调整为：height: 73pxpadding-top: 7px。
3.最后，浏览器运行index.html页面，发现li标记中的文本垂直和水平居中。
扩展资料：
其他代码：
Thecodeisasfollows：
<style type = "text/CSS" >
．Shoucang｛
Width：58px；
Height：300px；
Float：correct；
Background－color：＃CCC；
Border：1pxentity＃999；
｝
．Shoucang．Sc＿ul｛
Width：21px；
Margin－right：car；
Margin－left：car；
Thelist－style－type：no；
Padding－top：20px；
Padding－right：0px；
Padding－bottom：0px；
Padding－left：0px；
Margin－top：0px；
Margin－bottom：0px；
｝
．Shoucang．Sc＿ulli｛
Thetext－align：center；
Vertical－align：intermediate；
Height：80px；
Width：21px；
Margin－bottom：9px；
Color：＃FFF．
Textmodification：no；
Thetext－align：center；
Vertical－align：intermediate；
Background－color：＃FF0000；
Fontsize：12px；
Border：1pxentity＃666；
｝
-->
></ style
</ a >
The <body >
<div class = "shoucang" >
<ul class = "sc_ul" ><li >set as home </ li ><li >lee </ >
<li class = "no" >contact way lee </ a >
</ ul >
