JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="title">
    I'm the title.
  </div>
  <div class="image">
    I'm an image.
  </div>
  <div class="links">
    I'm some links.<br>
    I want to be on the left side too!
  </div>
  <div class="content">
    I'm the content.<br>
    I want to be shown neatly next to the image.<br>
    Spread over multiple lines<br>
    Nothing to see here<br>
    Staph reading me!<br>
    Love you brah.
  </div>
  <div class="footer">
    I'm a problem ... Because I disrespect the contents height.
  </div>
</div>

SCSS

.wrapper { position: relative; }
.title,
.footer  { font-weight: bold; }
.image   { font-style: italic; width: 210px; border: 1px solid red; }
.links   { max-width: 210px; }
.content { position: absolute; top: 18px; left: 220px; border: 1px solid green; }