如何在CSS / HTML中的菜单项之间留出空间

Question

问题：无法在菜单项之间留出空间（至少1厘米）。

这是jsfiddle：http://jsfiddle.net/L6q4uL8p/

我是初学者，只是学习。我知道这个问题对有经验的用户来说听起来很愚蠢

这是CSS：

<Grid>
    <i:Interaction.Triggers>
        <ei:DataTrigger Binding="{Binding MyAwesomeProperty}" Value="True">
            <ei:ControlStoryboardAction Storyboard="{StaticResource YourAwesomeStoryboard}" ControlStoryboardOption="Play"/>
            <ei:ChangePropertyAction PropertyName="{Binding MyAwesomeProperty}" Value="False"/>
        </ei:DataTrigger>
    </i:Interaction.Triggers>
</Grid>