ヘッダー内のフローティングコンテンツ、セマンティックUI

Question

Semantic Uiを使用して、フローティングコンテンツをヘッダーに含めたいと考えています。ここで

は私が何をしようとしている本質的である：

<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/

これは、もちろん、しかし動作しません。フローティングコンテンツをヘッダーに追加する方法はありますか？

ありがとうございます！

編集：作品span - ありがとう！

Answer 1

H1タグ内のネスティングdivは有効なHTMLではありません。しかし、divsをスパンに変更することができ、これはうまくいくでしょう。