JSFiddle - React, Tailwind, and code Playground

HTML

<header class="logo-container">
    <img class="logo" src="http://placehold.it/200x200" alt="Sweet Logo">
    <p class="tagline">Clever Tagline</p>
</header>

CSS

.logo-container {
  position: relative;
}

.tagline {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  
  /* move the tagline beside the logo rather than over it */
  left: 200px;
    
  /* remove margin/padding */
  margin: 0;
  padding: 0;
}