为什么老师i标签就没有display：block能正常显示倒三角，我就必须要加上才显示！！

Question

<div class="des_detail clearfix">
      	<div class="score_list">
          <h3>商品评价</h3>
          <div class="score fl"><span>4.7</span><i>分</i></div>
          <div class="score_bar">
          <ul class="satisfy clearfix">
           <li class="li01">非常不满意</li>
           <li class="li02">不满意</li>
           <li class="li03">一般</li>
           <li class="li04">满意</li>
           <li class="li05">非常满意</li>
          </ul>
          <div class="rec_num">
          	4.7<i></i>
          </div>
          <br />
          
          <p>共18939位慕课网友参与评分</p>
          </div>
        </div>
      
      </div>

.score_list h3{padding-left:10px;height:39px;line-height:39px;font-size:14px;font-family:"新宋体";color:#666666;}
.des_detail{border:1px solid #CCC;background-color:#FFF;}
.score span{font-size:50px;color:#FF8F00;}
.score i{font-style:normal;color:#65657D;font-size:18px;}
 .satisfy{background-color:#BDBDBD;height:16px;float:left;margin-left:10px;width:450px;}
.satisfy li{color:#FFF;font-family:"新宋体";float:left;}
.satisfy .li01{width:114px;text-indent:26px;}
.satisfy .li02{width:82px;}
.satisfy .li03{width:76px;}
.satisfy .li04{width:65px;}
.score_bar p{padding-left:10px;float:left;padding-top:10px;}
.score_bar{padding-top:15px;position:relative;float:left;}
.rec_num i{border-width:4px; border-style:solid dashed dashed dashed; border-color:#7F7F7F transparent transparent transparent; width:0; height:0;display:block;} 
.rec_num{width:25px;height:14px;float:left;position:absolute;left:94%;top:-5px;background-color:#7F7F7F;color:#FFF;text-align:center;line-height:14px;}

Answer 1

因为 li 是本身就是块级元素,不用设置display：block;而你使用的是 i 标签,是行元素,要想具有块元素的特性,肯定要设置display：block.