セマンティックUIを使用してボタンを右揃えにする方法

Question

テキスト（<p>内）のあるセグメントと、右側の次の行にあるボタンが必要です

次のマークアップを試してみましたが、正しく機能していないようです（ボタンのオーバーフローセグメントの境界線）。

<div class="ui container">
    <div class=" ui segment">
        <p> Some Text.</p>
        <button class="ui right floated primary button"> Some Action</button>
    </div>
</div>

Semantic-uiフレームワークを使用してそれを行う方法？

Answer 1

私は答えを見つけました：

セグメントクラスをui segmentからui clearing segmentに変更するだけです