Live
x
<ul class="g-nav"> <li>导航A</li> <li>导航B</li> <li>导航C</li> <li>导航D</li> <li class="g-login">登陆</li></ul><ul class="g-nav"> <li>导航A</li> <li>导航B</li> <li>导航C</li> <li>导航D</li> <li class="g-login">登陆</li> <li>注册</li></ul>
Live
xxxxxxxxxx21
.g-nav { height: 100px; display: flex; // padding: 0 50px; margin-bottom: 100px; box-sizing: border-box; background: #037d65;}li { width: 100px; line-height: 100px; text-align: center; font-size: 18px; color: #fff; // margin-left: auto;}.g-login { margin-left: auto;}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.