<div class="wrap">
<div class="item"></div>
<div class="item two"></div>
</div>
.item {
display: inline-block;
width: 100px;
height: 100px;
border-style: solid;
border-width: 40px;
border-color: #f6666f #0aaaa0 yellow #aa00ff;
}
.two {
margin-left: 50px;
border-right: none;
}
.wrap {
display: flex;
justify-content: center;
margin: 40px auto 0;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.