JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
		<div id="alleft">
			Привет, это текст...
		</div>
		<div id="alcenter">
			Привет, это текст...
		</div>
		<div id="alright">
			Привет, это текст...
		</div>
	</div>

CSS

#wrapper {
			border-style: solid;
			border-width: 1px;
			padding: 10px;
		}
		#alleft {
			background-color: yellow;
			width: 30%;
			/* margin: auto; */
			margin-bottom: 5px;
			display: inline-block;
			flot: left;
		}
		#alcenter {
			background-color: red;
			width: 30%;
			/* margin-left: auto; */
			margin-bottom: 5px;
			display: inline-block;
		}
		#alright {
			background-color: green;
			width: 30%;
			display: inline-block;
			float: right;
		}