JSFiddle - React, Tailwind, and code Playground

HTML

<body>

	<div class="features">
		<ul>
		
			<li>
				<h2>Быстро</h2>
				<p>Мы делаем свою работу быстро! Два часа пролетят незаметно и вы - счастливый обладатель стильной стрижки-минутки!</p>
			</li>
			
			<li>
				<h2>Круто</h2>
				<p>Забудьте, как вы стриглись раньше. Мы сделаем из вас звезду футбола или кино! Во всяком случае внешне.</p>
			</li>
			
			<li>
				<h2>Дорого</h2>
				<p>Наши мастера - профессионалы своего дела и не могут стоить дешево. К тому же, разве цена не дает определеный статус?</p>
			</li>
			
		</ul>
	</div>

</body>

CSS

body {
  background-color: black;
}

.features {
	color: white;
	margin: 0 auto;
	width: 960px;
	border: 1px solid white;
}

ul {
  display: inline-block;
}

li {
  width: 33%;
}