title: text line alignments on different window sizes
body: <p>I'm working on a login  window that has to support multiple resolutions.
  within that window there's a long line of text in different colors.</p>
  
  <pre><code>&lt;TextBlock   
      Style="{StaticResource TextStyle}"
      TextWrapping="Wrap" HorizontalAlignment="Center" 
      VerticalAlignment="Center"
      TextAlignment="Center"&gt;
          &lt;Run  
              Text="{Binding MsgA}"
          /&gt;
          &lt;Run                        
              Foreground="#FFFFFF"                      
              FontFamily="{StaticResource CentralSansBook}"                  
              Text="{Binding MsgB}"
          /&gt;
  &lt;/TextBlock&gt;
  </code></pre>
  
  <p>with this code I get this:
  on Low resolutions, since I have almost half the width, I'll give up on pretty formatting and just want it to fit, so it will look like this</p>
  
  <pre><code>This is message A.This is
        message B
  </code></pre>
  
  <p>on HIGH resolutions I want it to look like this</p>
  
  <pre><code>    This is message A.
      This is message B
  </code></pre>
  
  <p>I cant figure out how to support both behaviors.</p>