<div class="row">
<div class="bar"></div>
<div class="bar"></div>
</div>
<div class="row center">
<div class="bar"></div>
</div>
<div class="row">
<div class="bar"></div>
<div class="bar"></div>
</div>
<div class="line"></div>
<style>
body {
margin: 3.76rem 0;
background: #AC342E;
}
.row {
display: flex;
justify-content: space-between;
margin: 2.85rem 0;
}
.center {justify-content: center}
.bar {
width: 7.5rem;
height: 1.85rem;
background: #FFF;
}
.center > .bar {width: 10rem}
.line {
position: absolute;
top: 0;
left: 50%;
translate: -50% 0;
background: #FFF;
height: 100%;
width: 1.85rem;
}
</style>