JSFiddle - React, Tailwind, and code Playground

HTML

<ul id='content'>
    <li>hi</li>
    <li>123</li>
    <li>hello world</li>
</ul>
<!-- Compare the pluses to the bullets -->
<ul>
    <li>Hi</li>
    <li>Hey</li>
    <li>Weeeeeee</li>
</ul>

CSS

#content {
	list-style: none;
	display: table-cell;
	padding: 0;
	margin: 0;
}

#content li {
	padding-left: 1em;
	text-indent: -1em;
	/*vertical-align: middle;*/
}

#content li:before {
	content: "+";
	padding-right: 5px;
	vertical-align: middle;
	display: inline;
	padding-top: 0;
	margin-bottom: .5em;

}