JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="item">
    words
  </div>
  <div class="item">
    wordswordswords word wordswordswordswords
  </div>
  <div class="item">
    words
  </div>
</div>

CSS

body { display: flex; }

.wrapper {
	display: flex;
	flex-direction: column;
	/* width:200px; */
	height:400px;
	/* background: blue; */
}

.item {
	/* max-width:90%; */
	background: chartreuse; /* adjusted color; easier to see text */
	margin:5px 0;
	/* display:inline-block; */
}