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>

怎么做，使用semantic-ui框架？

Answer 1

我找到了答案:

除了在按钮上使用right floated外，还要将segment class从ui segment改为ui clearing segment。