html怎么让浮动的文字居中显示

1，文字外层，放个div,div加个样式，
<div class="text">这里是想要居中的文字</div>,
2样式表里这样写：
text{text-align:center;}
<div class="text" style=" text-align:center;">这里是想要居中的文字</div>

我写你这种从来用的都不是ul li项目列表符号，你把橘色原点切成一个背景图，给你写个例子

div li{ background:url(images/banner_img1jpg) no-repeat left center; margin-left:5px; padding-left:5px+你背景的宽度;

是正确的啊你的代码我放到我的电脑上可以啊

我有看了 一下，你的这个在火狐上不行，你试试我写的这个代码吧

o{

width:200px;

margin:0 auto;

overflow:hidden;

background-color: #6699FF;

}

o ul{ padding:0; margin:0;}

o li{ list-style-type:none; font-size:14px; color:#FFFFFF; text-align:center;}

<div class="o">

<ul>

 <li><a href="" >清代以前</a> </li>

 <li><a href="" >清朝开埠时期</a> </li>

 <li><a href="" >中华民国时期</a> </li>

 <li><a href="" >中华人民共和国时期</a> </li>

</ul>

</div>

行的话请采纳。

1、首先在html编辑器中新建一个html文件，写入一个div并给div设置class属性，然后在div里面设置一个无序列表：

2、接着设置一下div的样式，给它一个宽度和高度及背景颜色即可。然后设置div中的ul的属性的display的属性值为table，之后在设置margin的值上下边距为0，左右为auto，ul列表就居中了：

3、最后打开浏览器查看效果，可以看到div中的列表诗句中的。以上就是html无序列表在div中居中的方法介绍：

直接float就可以了
ul, ul li{
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
ul li{display:inline;float:left;width:50%;height:100px;padding:0 10px;}
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
可以这么写试试看，直接设置为display:block;如果宽度是根据窗口缩放的话，可以直接设置为100%；如果定宽就写margin:0 auto;就是居中的。

首先你的div要有宽，其次设置你的ul宽度然后加上margin:
0
auto;意思是上下间距是0，左右是自动，这样就会水平居中
例如：
<div
class="box1">
<ul
class="ul-si">
<li>标题</li>
<li>标题</li>
</ul>
</div>
css如下：
box1{
width:800px;
margin:30px
auto
;
}
ul-si{
width:
300px;
margin:
0
auto;
}

---