em 與p 標簽上下對不齊，關鍵在于設置em樣式
em 與p 標簽上下對不齊， 是要給 em 加如下代碼
display:block;
float:left;
完整記錄如下
<style type="text/css">
/*在此定義相關CSS樣式*/
.topList{
? ? width:500px;
? ? height:180px;
? ? border:1px solid #E8e8e8;
? ? font-size:12px;
? ? margin:5px;
}
ul li{
? ?list-style-type:none;
? ?
}
em{
? ? width:20px;
? ? height:16px;
? ? font-style:normal;
? ? background:url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg);
? ?background-size: 50px 50px;
? ?background-position: 0 -25px;
? ?display:block;
? ?text-align:center;
? ?line-height:16px;
? ?float:left;
}
.top em {
? ? background:url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg);
? ?background-size: 50px 50px;
? ?color:white;
}
a{
? ? text-decoration:none;
? ? color:gray;
}
a:hover,a:active{
? ? text-decoration:none;
? ? color:#c00;
}
</style>
