Aligning words in html
<p>[HTML]<br>
What is the simplest solution (least amount of code) to align words when using non-monospace font ?  </p>

<p>I need to achieve this:</p>

<pre> « ... Just some random text. This
       is just some random text.
       This is just some random
       text. This is just random. »</pre>  

<p>"is" should be <strong>exactly</strong> aligned with the word "just" above  </p>

<p>&nbsp;<br>
What I tried so far:  </p>

<p>(1)  would be the solution, but doesn't work for me, seems deprecated:  </p>

<pre><code>text text text text &lt;tab id=t1&gt;target text&lt;br&gt;
&lt;tab to=t1&gt;Should be aligned with target.
</code></pre>

<p>(Adding quotes to "t1" in both lines doesn't make it work either.)</p>

<p>(2) negative indent for first line:</p>

<pre><code>text-indent: -3em;
</code></pre>

<p>This works, but it's not an exact method, as I have to visually adjust the em number to make the alignment match. Plus: depending on the user's font and size, etc. the alignment won't necessarily match for the user.  </p>

<p>Not finding a solution to simple problems drives me crazy :(</p>