<!DOCTYPE html>
<html>
<head>
<style>
    div {
 	    border: 1px solid red;
 	    width: 16px;
 	    word-wrap: break-word;
 	}
</style>
</head>
<body>
<p>This tests if non-empty spans changes word wrapping. Text should wrap the red border.</p>
<div>
    <span>123</span><span></span><span>4</span>
</div>
<div>
    <span></span><span>123</span><span>4</span>
</div>
<div>
    12345678
    <span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span>
</div>
</html>