<!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">
<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>
