title: How to align text according to above text in CSS?
body: <p>I have a div of width 50vw wide, containing some text, with some other text below that I want aligned to the right, as follows:</p>
  
  <p><a href="https://jsfiddle.net/hadr4ytt/1/" rel="nofollow noreferrer">https://jsfiddle.net/hadr4ytt/1/</a></p>
  
  <p>Here is the current CSS:</p>
  
  <pre><code>div {
    width:50vw;
    margin-left:7.4vw;
    } 
  
   h3{
     text-align:right;
   }
  </code></pre>
  
  <p>I was wondering if it was possible to align the <code>h3</code> text so that the end character is always lined up to the end character of the <code>h2</code> text. Also, if the <code>h2</code> text was to be expanded so that it spanned multiple lines, is it possible to line up the end character of <code>h3</code> with the right most character of <code>h2</code> (the text is not justified so depending on the word length different lines will have different lengths).</p>