是否有 class 或元素居中列表项包含图标?

Is there a class or elements to center list item contains icon?

我正在尝试使包含图标的列表项居中。

我可以通过添加父 div 容器而不是图标来使文本居中!

<div class="ui center aligned container">
        <div class="ui list">
                    <div class="item">
                      <i class="large call icon"></i>
                      <div class="content">
                        <a class="header">About me</a>
                      </div>
                    </div>
                    <div class="item">
                      <i class="large mail icon"></i>
                      <div class="content">
                        <a class="header">Portfolio</a>
                      </div>
                    </div>
                    <div class="item">
                      <i class="large chat icon"></i>
                      <div class="content">
                        <a class="header">Services</a>
                      </div>
                    </div>

                    <div class="item">
                        <i class="large chat icon"></i>
                        <div class="content">
                          <a class="header">Resume</a>
                        </div>
                      </div>
                      <div class="item">
                          <i class="large chat icon"></i>
                          <div class="content">
                            <a class="header">Blog</a>
                          </div>
                        </div>
                        <div class="item">
                            <i class="large chat icon"></i>
                            <div class="content">
                              <a class="header">Content</a>
                            </div>
                          </div>

                  </div>
        </div>

有没有办法仅使用语义-ui 来实现?

我可以通过添加两个 parents

来实现对齐
<div class="ui center aligned grid">
<div class="fourteen wide column">
 ...
</div>
</div>