<!DOCTYPE html>
<html>
    <head>
	    <title>Soft Hyphen Test</title>
		<style>
			p {
				text-align: justify;
				width: 250px;
				height: 250px;
				position: relative;
				padding: 1px;
			}
			p > #cover {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background: green;
				display: block;
			}
		</style>
	</head>
	<body>
		<p>
			Lorem ipsu&shy;m dol&shy;or sit amet, consec&shy;tetur
			ad&shy;ipi&shy;sci&shy;ng elit. Ve&shy;sti&shy;bul&shy;um
			va&shy;rius, to&shy;rto&shy;r nec ti&shy;nci&shy;dunt
			ali&shy;qu&shy;am, enim ve&shy;lit sem&shy;per nu&shy;lla,
			al&shy;iqu&shy;am co&shy;ndim&shy;ent&shy;um est er&shy;at
			nec mau&shy;ris. Nam sed ju&shy;sto at nu&shy;nc sem&shy;per
			al&shy;iqu&shy;et sed sed nu&shy;lla. Nulla sit am&shy;et
			od&shy;io a di&shy;am ves&shy;tib&shy;ulu&shy;m
			ve&shy;hic&shy;ula sed vel la&shy;cus. Lor&shy;em ipsum
			dolor sit amet, consectetur adipiscing elit. Phasellus
			in vestibulum nisl. Nam ti&shy;ncid&shy;unt magna sed
			ris&shy;us bl&shy;and&shy;it sa&shy;gitt&shy;is.
			Ph&shy;as&shy;ell&shy;us a im&shy;per&shy;di&shy;et mi.
			<span id="cover">&nbsp;</span>
		</p>
		<p>
			A green square and no text should appear above.
		</p>
	</body>
</html>