JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
  <div class="child child-1">Lorem ipsum dolor</div>
  <div class="child child-2">Lorem ipsum dolor sit amet, consectetur</div>
  <div class="child child-3">Lorem</div>
</div>
<div class="center">
Центр родительского блока
</div>

CSS

/* Внешний вид */
.parent{border: 2px solid #000;position:relative}
.center{text-align:center;position:relative;padding-top:20px}
.center::before{content:'';position:absolute;width:2px;margin-left:-1px;height:20px;top:0;left:50%;background:#f00}
.child{height:100px;flex-shrink:0;white-space:nowrap}
.child-1{background:#f00}
.child-2{background:#0f0;position:relative}
.child-2::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#f00}
.child-3{background:#00f}

/* Позиционирование */
.parent {
  display: flex;
  justify-content: space-between;
}