html - 是否可以仅右对齐表头的一个组件？

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