JSFiddle - React, Tailwind, and code Playground

HTML

<column>
	<item>
		hello<br>
		hello<br>
		hello<br>
		hello<br>
		<rel>
			<abs>
				world<br/>
				world<br/>
				world<br/>
				world<br/>
			</abs>
		</rel>
	</item>
</column>

CSS

rel{
	background:rgba(255,0,0,0.5);
	padding:5px;
}
abs{
	background:rgba(0,255,0,0.5);
	padding:5px;
}

column {
	display: flex;
	flex-direction: column;
  align-items: flex-start;
}
item {
	display: flex;
	align-items: center;
	flex: auto;
  flex-direction: column;
	border: 1px solid blue;
}