title: Flutter align text to the width of the text above
body: <p>I want to align the small text so it is flush with the right edge of the larger text above but <code>TextAlign</code> is ignored unless you add a width in <code>Container</code> around the individual text widget.</p>
  
  <pre><code>Container(
    child: Column(
      children: &lt;Widget&gt;[
        Text('One', style: TextStyle(fontSize: 40)),
        Text('Two', textAlign: TextAlign.right, style: TextStyle(fontSize: 30)),
      ],
    ),
  ),
  </code></pre>
  
  <blockquote>
    <p>I can't set a width since then it will not be the same for different devices. It should simply align right based on the width of the larger text above but it doesn't.</p>
  </blockquote>
  
  <p>A width value should not be necessary since the width should be set by the width of the larger text, but without a width value <code>TextAlign</code> is ignored for some strange reason.</p>
  
  <p><a href="https://i.stack.imgur.com/Ai9WB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ai9WB.png" alt="enter image description here"></a></p>
  
  <p>I need it to look like this:</p>
  
  <p><a href="https://i.stack.imgur.com/OI781.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OI781.png" alt="enter image description here"></a></p>