我正在尝试在我的角度应用程序中的h1标记后加上一些空格。我正在使用角形材料。 CSS代码是

.h1{
    padding: 6px 10px 6px 10px;   /* 10px left and right padding*/
    box-sizing: border-box;
}

html代码是

<mat-toolbar color="primary" class="navbar">
    <mat-toolbar-row>
        <h1>MoD</h1>
        <div>
            <a mat-button [routerLink]="'/home'"> Home </a>
            <a mat-button [routerLink]="'/aboutUs'"> About Us </a>
            <a mat-button [routerLink]="'/contacts'"> Contacts </a>       
        </div>
    </mat-toolbar-row>
</mat-toolbar>

我似乎无法理解padding-right为何没有区别。该按钮始终靠近标题。我是棱角材料的新手，非常感谢您的帮助。