是否可以只对齐表标题的一个组件？

Question

我正在尝试右对齐表标题中的Font-Awesome图标，而标题文本是左对齐的：

我使用margin-left元素上的硬编码<i>值创建了上述屏幕截图，但这并未考虑更改表格宽度。

是否可以使用CSS右对齐表格标题的一部分？或者我是否需要根据当前表格宽度动态设置margin-left？

这是JS Fiddle显示我尝试过的CSS选项，包括图标上的.text-right和.right（无效）

Answer 1

如果是图标，为什么不使用float？

.my-icon {
    display: block;
    width: 10px;
    height: 10px;
    float: right;
}

当然，不要忘记在容器上设置overflow: hidden;。

Answer 2

如果将th设置为position: relative，则可以使用绝对定位来获得所需的效果。尝试类似：

http://jsfiddle.net/tuL2gmns/2/