JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#wrapper {
	display: flex:
  justify-content: space-between;
}
		#alleft {
			background-color: yellow;
			width: 40%;
			/* margin: auto; */
			margin-bottom: 5px;
			display: inline-block;
			flot: left;
		}
		#alright {
			background-color: red;
			width: 40%;
			/* margin-left: auto; */
			margin-bottom: 5px;
			display: inline-block;
			float: right;
		}