JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
  <div class="text">text</div>
  <div class="logo">logo</div>
</div>

CSS

.wrap {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid blue;
}

.logo {
  position: absolute;
  left: calc(50% - 30px);
  width: 60px;
  background-color: red;
}