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

Question

当前，我在锚元素中有一个标头元素，但是我使用规则margin: 0 auto来使标头居中，这在每侧上留出232px的空白，如果单击该空白将更改页面。我如何居中此标题而不会留下空白，单击该空白会更改页面？谢谢，我可以根据需要添加其他任何屏幕截图

代码：

                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一个类，然后为其提供以下属性：

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