title: Dock Panel Dock right and left
body: <p>I know a only little about dock panel, following is the code is used:</p>
  
  <pre><code>&lt;DockPanel LastChildFill="True" &gt;
      &lt;StackPanel Orientation="Horizontal" DockPanel.Dock="Top" VerticalAlignment="Center" Margin="10" &gt;
          &lt;StackPanel Orientation="Horizontal" DockPanel.Dock="Left" VerticalAlignment="Center" &gt;
              &lt;TextBlock Height="24" Name="Welcome" Text="Welcome" FontSize="14" /&gt;
          &lt;/StackPanel&gt;
          &lt;StackPanel Orientation="Horizontal" DockPanel.Dock="Right" VerticalAlignment="Center" &gt;
              &lt;TextBlock Height="24" Name="Welcomee" Text="Welcomee" FontSize="14" /&gt;
          &lt;/StackPanel&gt;
      &lt;/StackPanel&gt;
  &lt;/DockPanel&gt;
  </code></pre>
  
  <p>The result is like this:</p>
  
  <pre><code>WelcomeWelcomee
  </code></pre>
  
  <p>However, the code must result in something like this:</p>
  
  <pre><code>Welcome                                                              Welcomee
  </code></pre>
  
  <p>So could you please tell me where I misunderstood the concept.</p>