Question

CSS 在里面设置padding不管用呀，这是怎么回事 文字不会去黄匡的中间呀 高手请教 急用 谢谢

这是代码:
<style type="text/css">#content{margin:0 auto;width:900px;height:auto;}.p{margin:0px 70px 0px 0px;padding-top:0px;}</style><div id="content"> <h2> 单极微电极</h2> <img src="images/sortasc.png" /> <p style="background-color:#FFFFCC; height:100px;"> <span class="p">纯铱微电极</span> <span class="p">Ir-probes</span> <span class="p">.:网上询价:.</span> <span class="p">商品详情</span><img src="images/showimageinimgtag35.jpeg" /></p></div>

想做下面这个样





Answer 1

padding-top:0;都等于零了，当然不生效。
这种链接块文字垂直居中一般不是用内边距，通常是指定行高，你整个html结构都错了：
<ul id="tabnav">
<li><a>微电极</a></li>
<li><a>Lr-probes</a></li>
<li><a>网上询价</a></li>
<li><a><img src="images/sortasc.png" /></a></li>
<!--这个图片你可以考虑单独加个class设置为背景图-->
<li><a>商品详情</a></li>
</ul>

#tabnav li{
width:800px;
margin:0 10px;
overflow:hidden;
float:left;
_display:inline;
}

#tabnav li a{
display:block;
float:left;
width:auto;
line-height:40px;
text-align:center;
color:#333;
}

#tabnav li a:hover{color:#ff0000;}

追问

你这样子做不就成竖着了

不是横着的呀

追答

不好意思，我写错了个东西，这段里面width:800px;删除：
#tabnav li{ width:800px; margin:0 10px; overflow:hidden; float:left; _display:inline;}

然后加一行：#tabnav{width:800px;}

Answer 2

<style type="text/css">
#content{
margin:0 auto;
width:900px;
height:auto;
}
.p{
margin:0px 70px 0px 0px;
padding-top:40px;float:left;
}
.p img{float:left;}
</style>
<div id="content">
<h2>
单极微电极</h2>
<img src="images/sortasc.png" />
<p style="background-color:#FFFFCC; height:100px;">
<span class="p">纯铱微电极</span> <span class="p">Ir-probes</span> <span class="p">.:网上询价:.</span> <span class="p">商品详情</span><img height="100" src="images/showimageinimgtag35.jpeg" /></p>
</div>

给图片加高是因为我本地没图片，你可以不用加
padding-top:40px;根据你图片的高度自己调整