css - 如何使用语义 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>

如何做到这一点，使用语义用户界面框架？

Answer 1

我找到了答案：

除了right floated在按钮上使用之外，还将段类从 更改ui segment为ui clearing segment。