JSFiddle - React, Tailwind, and code Playground

by vedmack

HTML

<div class="parent">

	<div class="text salmon">
		The quick brooooown fox
	</div>
	<div class="box red">
	</div>
</div>

<div class="parent">
	<div class="text salmon">
		The quick brown fox
	</div>
	<div class="box red">
	</div>
</div>


<div class="parent">
	<div class="text salmon">
		The very quick brown fox
	</div>
	<div class="box red">
	</div>
</div>

CSS

.parent {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 50px;
	max-width: 140px;
}
.text {
	
}
.box {
	width: 16px;
	height: 16px;

}
.red {
	background-color:red;
}
.salmon {
	background-color:salmon;
}