Html 在<；a></a>；使用pug.js标记

这是我的预期结果：

<a>
    <button class="btn btn-tomato mx-auto" type="button" style="width:50%; white-space: normal; opacity:0.8;">Button text</button>  
</a>

然而，结果是这样的：

a
    button.btn.btn-tomato.mx-auto(type='button', style='width:50%; white-space: normal; opacity:0.8')

<a></a>
<button class="btn btn-tomato mx-auto" type="button" style="width:50%; white-space: normal; opacity:0.8;">Button text</button>

按钮文本

不在

中。你能告诉我怎么修吗？谢谢。

HTML禁止按钮出现在锚内

• 如果需要链接，请使用

  ，然后使用
  

然后应用CSS使它看起来像你想要的样子