header 中的浮动内容，语义 UI

Question

我想使用 Semantic Ui 在 header 中包含浮动内容。

这基本上是我正在尝试做的事情：

<h1 class="ui dividing header">
  Header text
  <div class="ui right floated labels">
    <div class="ui green empty circular label"></div>
    <div class="ui red empty circular label"></div>
  </div>
</h1>

https://jsfiddle.net/25ea6w9p/2/

这当然行不通。有没有办法将浮动内容添加到 header?

谢谢！

编辑：适用于 span - 谢谢！

Answer 1

在 H1 标签内嵌套 div 无效 HTML。但是，您可以将 div 更改为 span，这将起作用。