如何解决html 中的 li 偏移量错误
我试图将 id="email-li" 的元素从我的 ul 中下移,但它没有下移。
我该如何解决?
我有下一个结构:
.contacts-info {
width: 815px;
max-height: 50px;
text-align: center;
margin: 50px auto 0px;
display: inline-block;
}
li {
display: inline-block;
margin-left: 20px;
}
#email-li {
margin-bottom: 20px;
}
<div class="contacts-info">
<ul>
<li><img src="assets/images/elaginDoorSmalllogo.svg"></li>
<li id="email-li">E-mail:<br/>test@gmail.com</li>
<li><img src="assets/images/pipe.svg"></li>
<li>Hello1</li>
<li><img src="assets/images/pipe.svg"></li>
</ul>
</div>
解决方法
你可以使用
#email-li {
position: relative;
top: 20px; /*set how you need*/
margin-bottom: 20px;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。