文档如下:
index.html
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
新建网页
1.css
/*-------- 翻页 --------------*/
ol,ul,li { list-style:none; }
.page_turning {width:668px;height:31px;margin-top:5px;background:url(../img/lm_pager.gif) no-repeat;height:31px;font:12px/31px Arial,"宋体";}
.pa_tu_position{width:158px;height:31px;float:left;padding-left:20px;}
.pa_tu_position strong{color:#ff4800;}
.pa_tu_box {float:left;width:490px;height:31px; }
.pa_tu_box li{display: inline;}
最后显示的结果是:
但我要的结果是显示的字要在一行啊!应该像下面一样:
当前位置:案例效果 哈哈共 1页18条记录哈哈
请教css中哪个地方写错了?
回复讨论(解决方案)
<div class="page_turning"><!-- 翻页 开始--> <p class="pa_tu_position"> 当前位置:<strong>案例效果</strong></p> <p class="pa_tu_box">哈哈<li><span>共 <strong>1</strong>页<strong>18</strong>条记录</span></li>哈哈</p> </div><!-- 翻页 结束-->
去掉.