JSFiddle - React, Tailwind, and code Playground

HTML

<div>
     <h1>
     Headline
     </h1>
		<ul>
			<li>This is a the longest line, at least here.</li>
			<li>This one's short.</li>
			<li>And this one so and so.</li>
		</ul>
	</div>

CSS

body {
		background:gray;
		margin:100px 0;
		text-align:center;
	}
	
	div {
		max-width:300px;
		margin:0 auto;
	}
	
	ul {
		background:pink;
		display:inline-block;
		list-style-type:none;
		padding:0;
		text-align:left;
	}
	
	li {
		font-size:24px;
	}