JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="0" height="0">
		<defs>
			<filter id="filter" width="150%" height="150%">
				<feFlood flood-color="rgba(0, 0, 0, 1.000)" result="outlineColor"/>
				<feMorphology in="SourceAlpha" operator="dilate" radius="1.000"/>
				<feComposite operator="in" in="outlineColor"/>
				<feMerge>
					<feMergeNode/>
					<feMergeNode in="SourceGraphic"/>
				</feMerge>
			</filter>
		</defs>
	</svg>
	<span style="-webkit-filter: url('#filter'); filter: url('#filter');">
		<span style="font-size: 72px; color: rgb(240, 240, 240);">Woah there.</span>
	</span>
</body>