padding-top的使用问题 - 编程论坛

红色文字处是我的问题，希望有大牛能为我解惑。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
 *{
 margin:0;
 padding:0;
 }
 .product{
 width:1100px;
 height:700px;
 border:1px solid orange;
 margin:0 auto;
 }
 .product ul
 {
 list-style:none;
 }
 .product ul li
 {
 float:left;
 border:1px solid #F00;
 padding:3px 8px;
 margin:3px;
 }
 .product p span{
 color:orange;
 font-weight:bold;


 }
 .product p b{
 font-weight:normal;
 padding-top:10px; 此处的padding-top在网页中怎么没有效果

}
 .product p i{
 font-style:normal;
 font-size:12px;
 color:red;

 }
 .product .left{
 float:left;
 }
 .product .right{
 float:right;
 }
</style>
</head>

<body>
</body>
<div class="product">
 <ul>
 <li>
 <img src="C:\Users\Administrator\Desktop\002.jpg" alt="色卡"/>
 
 ¥588.00 
 描述信息 
 已售333件 
 婴儿用品 北京

 

 </li>
 <li>
 <img src="C:\Users\Administrator\Desktop\002.jpg" alt="色卡"/>
 
 ¥588.00 
 描述信息 
 已售333件 
 婴儿用品 北京

 

 </li>
 <li>
 <img src="C:\Users\Administrator\Desktop\002.jpg" alt="色卡"/>
 
 ¥588.00 
 描述信息 
 已售333件 
 婴儿用品 北京

 

 </li>
 <li>
 <img src="C:\Users\Administrator\Desktop\002.jpg" alt="色卡"/>
 
 ¥588.00 
 描述信息 
 已售333件 
 婴儿用品 北京

 

 </li>

 </ul>

</div>
</html>

[此贴子已经被作者于2018-3-24 18:44编辑过]