JSFiddle - React, Tailwind, and code Playground

by cchana

HTML

<ul>
<li><span>test<br />test</span></li>
	<li>test</li>
</ul>

CSS

li {
	counter-increment: step-counter;
	display: flex;
	flex-wrap: wrap;
}

li:before {
	content: counter(step-counter);
	display: inline-block;
	background: red;
	box-sizing: border-box;
	font-size: 2em;
	font-weight: bold;
	text-align: right;
	width: 30px;
	height: 50px;
}