em 与p 标签上下对不齐,关键在于设置em样式

来源:3-14 编程练习

小玩子君

2020-10-20 17:57

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://img.mukewang.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://img.mukewang.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>


写回答 关注

0回答

还没有人回答问题,可以看看其他问题

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157043 学习 · 1984 问题

查看课程

相似问题