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

我试图右对齐表格标题中的字体图标，而标题文本是左对齐的：

我使用

元素上的硬编码

左边距
值创建了上面的屏幕截图，但这并不能说明更改表格宽度的原因

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

下面是一个显示我尝试过的CSS选项的示例，包括图标上的
.text right
和
.right
（没有效果）
如果它是一个图标，为什么不使用
float

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

不要忘记设置
溢出：隐藏。
如果它是一个图标，为什么不使用一个
浮点数呢

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

不要忘记设置
溢出：隐藏。
如果它是一个图标，为什么不使用一个
浮点数呢

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

不要忘记设置
溢出：隐藏。
如果它是一个图标，为什么不使用一个
浮点数呢

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

不要忘记设置
溢出：隐藏。
如果将
th
设置为
position:relative
，则可以使用绝对定位来获得所需的效果。尝试以下方法：

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

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

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

在这种情况下，容器是一个表单元格。因此，它已经是块格式上下文，因此不需要使用
overflow:hidden@StephenLead在这种情况下，你会接受这个答案吗？是的，只是等待必要的10分钟-很高兴有一个答案来得这么快，所以不会让你接受：）@StephenLead Heh，我很高兴我能帮上忙：）在这种情况下，容器是一个表单元格。因此，它已经是块格式上下文，因此不需要使用
overflow:hidden@StephenLead在这种情况下，你会接受这个答案吗？是的，只是等待必要的10分钟-很高兴有一个答案来得这么快，所以不会让你接受：）@StephenLead Heh，我很高兴我能帮上忙：）在这种情况下，容器是一个表单元格。因此，它已经是块格式上下文，因此不需要使用
overflow:hidden@StephenLead在这种情况下，你会接受这个答案吗？是的，只是等待必要的10分钟-很高兴有一个答案来得这么快，所以不会让你接受：）@StephenLead Heh，我很高兴我能帮上忙：）在这种情况下，容器是一个表单元格。因此，它已经是块格式上下文，因此不需要使用
overflow:hidden@StephenLead在这种情况下，你会接受这个答案吗？是的，只需等待必要的10分钟-很高兴有一个答案来得这么快，所以不会让你接受：）@StephenLead嘿，我很高兴我能帮上忙：）