如何在语义 UI 中将标签对齐到 header 的右侧

Question

我想要一个菜单 header 项，在 header 右侧的标签中带有计数器。目前我有

| 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;
}

如何在语义 UI 中将标签对齐到 header 的右侧

How to align Label to the right side of header in SemanticUI

css

semantic-ui