Html 显示块不响应我的锚链接

我尝试为移动显示制作菜单，因此我为菜单链接制作了一个div，并希望对其进行样式设置，使其形成一个列。所以我添加了

display:block属性。但是链接仍然是内联的。我怎样才能把它放在一列中


.header{
&__菜单{
背景：白色；
填充：1.25rem；
a{
显示：块；
颜色：$darknavyblue；
}
}    
}

尽情享受吧

 .header {
      &__menu {
        background: $white;
        padding: 1.25rem;
   
    a{
        color:$darknavyblue;
    }
    
    }    
}

div a{
   display: block;
}

另一个选项是在每个标记后添加一个中断标记：

<header class="header">
    <div class="header__menu">
        <a href="">Home</a><br>
        <a href="">Profile</a><br>
        <a href="">Services</a><br>
        <a href="">Publication</a><br>
        <a href="">Contact</a><br>
    </div>