Текстовый блок занимает то же горизонтальное пространство, даже применяя RotateTransform

Question

Я применяю RotateTransform к текстовому блоку, чтобы он отображал текст по вертикали, а не по горизонтали, но занимал одно и то же пространство по горизонтали, когда он не был преобразован.Пожалуйста, предложите решение, чтобы удалить этот хозитональный сок.

<Border  BorderBrush="#888888" BorderThickness="0,0,2,0">
    <TextBlock FontFamily="Arial" VerticalAlignment="Center" HorizontalAlignment="Center" FontWeight="Bold" FontSize="15" Text="Menu" >
        <TextBlock.RenderTransform>
            <RotateTransform Angle="270" />
        </TextBlock.RenderTransform>
     </TextBlock>
</Border>

Answer 1

Использование LayoutTranform вместо RenderTransform

<Border  BorderBrush="#888888" BorderThickness="0,0,2,0">
    <TextBlock FontFamily="Arial" VerticalAlignment="Center" HorizontalAlignment="Center" FontWeight="Bold" FontSize="15" Text="Menu" >
        <TextBlock.LayoutTransform>
            <RotateTransform Angle="270" />
        </TextBlock.LayoutTransform>
     </TextBlock>
</Border>