如何使用语义用户界面对齐按钮

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>

如何使用语义-ui框架？

Answer 1

我找到了答案：

只需将细分类别从ui segment更改为ui clearing segment

即可

Answer 2

您可以像这样创建类：

.right {
  position:absolute;
  right:0;
  top:10px;
}