如何将Label与SemanticUI中标题的右侧对齐

Question

我想要一个Menu标题项，标题位于标题的右侧。 目前我有

| Projects [label]      | 

而不是

| Projects       [label]|

这是我的代码：

<div className="header">
   Projects
   <div className="ui label floated left pointing" id="projectsMenuCounter"><div className="ui active mini inline loader inverted"></div></div>
</div>

Answer 1

试试这个

<div className="header">
   Projects
   <div  style="float:right;" className="ui label floated left pointing" id="projectsMenuCounter"><div className="ui active mini inline loader inverted">[label]</div></div>
</div>

或者

.floated {
  float:right;
}