JSFiddle - React, Tailwind, and code Playground

HTML

<div class="event">
   <div class="event__header">
     <h1>Event Title</h1>
   </div>
   <div class="event__header">
     <h1>Event 2oae uhnaoet uno ehuhnoahn tun tehn othntuoent untohn </h1>
   </div>
</div>

CSS

.event__header {
  display: inline;
  float: left;
  padding: 1rem;
  border: 1px solid black;
  width: 25%;
}

.event {
  display: flex;
}