JSFiddle - React, Tailwind, and code Playground

HTML

<article>
  <p>
   aaaa
  </p>
  <p>
  bbbbbbbbbbbbbbbbbbbbbbbbbb
  </p>
</article>
  <p>
  ccccc
  </p>

CSS

article {
	margin: 0;
	display: grid;
	grid-template-columns: auto 1fr;
	background: lightblue;
  gap: 1em;
}