CSS//让文字居于div的底部

https://blog.csdn.net/weixin_38168728/article/details/101573357
https://blog.csdn.net/sd19871122/article/details/53143035

代码演示:https://codepen.io/janmie-cjm/pen/yLXapdB?editors=1100
在这里插入图片描述
外层div 设置positon 为 relative
里层p 设置position 为 absolute;且 bottom、padding、margin 均为0

//html
<div class="login-tag-letter">
  <p>| ABC System</p>
</div>

// css
.login-tag-letter {
  position: relative;
  height: 60px;
  width: 100%;
  background: yellow;
}
.login-tag-letter p {
    position: absolute;
    bottom: 0px;
    padding:0px;
    margin:0px;
  }

版权声明:本文为weixin_37877794原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。