问在CSS中更改显示属性的短语内容

EN

在规格部分中，我们看到允许的内容仅为短语内容。它是有效的HTML代码部分(选中的这里)：

<button>
    <span></span>
</button>

这是无效的HTML代码部分(选中的这里)：

<button>
    <div></div>
</button>

错误：元素div在此上下文中不允许作为元素按钮的子元素。(抑制此子树中的进一步错误。)

但是我们可以更改display属性的<span>

<button>
    <span style="display: block"></span>
</button>

看起来我们使用的是<div>而不是<span>，但是HTML是有效的。(根据规范)使用允许的内容元素并更改其display属性可以吗？