<!DOCTYPE html>
<html>
<body>
<h1>All lines should have the same length</h1>
<svg style="display: block; width: 100%; height: 600px;" viewBox="0 0 100 100">
<!-- Note: The extra space between the second and third <tspan> lead to broken textLength adjustments. -->
<text><tspan textLength="80" x="0" dy="1em">SHORT</tspan><tspan textLength="80" x="0" dy="1em">SHORT</tspan> <tspan textLength="80" x="0" dy="1em">SHORT</tspan></text>
<line x1="0" x2="100" y1="1.1em" y2="1.1em" stroke="blue"/>  <!-- Indicates the width of the viewport -->
<line x1="0" x2="80"  y1="1.1em" y2="1.1em" stroke="green"/> <!-- Indicates the specified text length -->
</svg>
</body>
</html>
