元素占据整行，但应留在左侧[关闭]

Question

关闭。这个问题是not reproducible or was caused by typos。它当前不接受答案。

---

是否要改善此问题？ Update the question，因此堆栈溢出为on-topic。

已关闭1分钟前。

以下是一个Angular示例，但是UI使用的是Semantic-UI，我有这个组件：

<div class="four wide column center aligned votes">
  <div class="ui statistic">
    <div class="value">
      {{ votes }}
    </div>
    <div class="label">
      Points
    </div>
  </div>
</div>

<div class="twelve wide column">
  <a class="ui large header" href="{{ link }}">
    {{ title }}
  </a>
  <ul class="ui big horizontal list voters">
    <li class="item">
      <a href (click)="voteUp()">
        <i class="arrow up icon"></i>
        upvote
      </a>
    </li>
    <li class="item">
      <a href (click)="voteDown()">
        <i class="arrow down icon"></i>
        downvote
      </a>
    </li>
  </ul>
</div>

使用这个，我得到的渲染图如下：但是我想将点数部分像这张图片一样放在左侧的一个小方框中。那我想念什么呢？抱歉，我不熟悉Semantic-UI，只是尝试按照Angular的示例进行操作。

Answer 1

确定。我应该将ui grid添加到容器中，如下所示：