inline-block justify

HTML

<div class="bot">
	<div class="bot__head"></div>
	<h2 class="bot__tittle">Купить</h2>	
		<div class="bot__content">
			<div class="bot__blockone">
				<div class="blockone__head">			<h3>Standart</h3>
				</div>
				<div class="blockone__mid">
					<h2>$100</h2>
				</div>
				<div class="blockone__text">
					<ol>
						<li>Porro officia cumque sint deleniti; </li>
						<li>Тemo facere rem vitae odit;</li>
						<li>Cum odio, iste quia doloribus autem;</li>
						<li>Aperiam nulla ea neque.</li>
					</ol>
				</div>
				<div class="bot__bot23">
					<button type="submit" class="bot__buy">Покупка</button>
				</div>
				
			</div>
		</div>
	
</div>

CSS

.bot {
  background-color: #fff;
  padding: 50px;
}

.bot__head {
  max-width: 1280px;
  margin: 0 auto;
  
}

.bot__tittle {
	text-align: center;
	color: #445161;
}

.bot__blockone {
	width: 300px;
	height: 305px;
	border:  3px solid black;
	border-radius: 7px;
}

.blockone__head h3 {
	text-align: center;
	color: #fff;
}

.blockone__head {
	background-color: #445161;
	padding: 5px;
}

.blockone__mid h2 {
	color: #445161;
	text-align: center;
	font-size: 1.8em
}

.blockone__mid {
	margin: 0 auto;
	padding: 5px;
}

.blockone__text {
	background-color: #445161;
	padding: 1px;
	font-size: 0.8em;

}

.blockone__text ol {
	color: #fff;
}

.bot__bot23 {
	background-color: #445161;
}

button.bot__buy {
  width: 200px;
  padding: 10px 10px;
  margin: 10px 50px;
  border-radius: 5px;
}