不允许单击元素的边距来更改页面

Question

目前我在锚元素中有一个 header 元素，但是我使用规则 margin: 0 auto 使 header 居中，每边留出 232px 的边距，如果单击将更改页面。我怎样才能使 header 居中而不留下单击时会更改页面的边距？谢谢，如果需要，我可以添加任何其他屏幕截图

代码：

                a(href=`${story.url}`)
                    h5.disabled.balance-text(style="width:466px;margin:0 auto;") #{story.title}
                    br
                    img(src=`${story.storyImageUrl}` style="width:400px;")
                    br
                    br
                    p.balance-text(style="width:440px;margin: 0 auto;color:black") #{story.description} (#{timeAgo.format(new Date(story.publishedAt))})

Answer 1

将元素包裹在容器中并应用边距和宽度，同时包含的项目仍与点击处理程序绑定

Answer 2

将 header 放在 div 中，并给 div 一个 class 然后给它这些属性：

display: flex;
width: 100%;
justify-content: center;

不允许单击元素的边距来更改页面

Don't allow margin of element being clicked to change page

html

css

center

margin