如何在语义UI中正确对齐内联元素？

Question

Codepen链接：https://codepen.io/shadyabhi/pen/XyWpKY

我无法将“图标”移到容器的右上方。

<div class="ui grid">
<div class="ui row results-row">
  <div v-if="isResults" class="ui one wide column">
    <div class="ui raised text container segment column">
      <a class="ui black ribbon label large">Origin</a>
      <i class="fitted icon code"></i>
      <pre class="ui container"><code>{{ result['origin_yaml'] }}</code></pre>
    </div>
  </div>
</div>

这就是我想要的样子。基本上，请以语义UI的方式应用此属性：

float: right;

我尝试应用ui right floated类，但没有成功。