Css word换行时调整div的大小

我有一张有固定宽度列的桌子。如果列已排序，我希望在其标题左侧显示一个箭头图标。但是，当标题中的文本换行时，div的大小没有正确调整，箭头被按到最左边

下面的演示显示了两列。左边的标题很短，是正确的。右边的标题很长，不符合要求：

这是我用于表格标题的CSS：

.sortedColumn {
    float: right;
    display: table;
    table-layout: fixed; 
}

.titleElement {
    display: table-cell;
    vertical-align: middle;
}

---

如何更改它，使第二列的箭头紧靠包装文本，如下图所示：

您好，请使用此css检查，这可能会对您有所帮助

td，th{
背景:#88FF88；
文本对齐：右对齐；
单词包装：打断单词；
}
运输署{
宽度：150px；
}
.分类柱{
浮动：对；
显示：表格；
表布局：固定；
}
.阿罗{
宽度：15px；
}
.sortedColumn{
显示：表格；
表布局：固定；
}    
.分类柱img{
垂直对齐：中间；//添加了新的
}
.滴定元素{
显示：初始；//已更改
垂直对齐：中间对齐；
}

您好，请使用此css查看，它可能会对您有所帮助

td，th{
背景:#88FF88；
文本对齐：右对齐；
单词包装：打断单词；
}
运输署{
宽度：150px；
}
.分类柱{
浮动：对；
显示：表格；
表布局：固定；
}
.阿罗{
宽度：15px；
}
.sortedColumn{
显示：表格；
表布局：固定；
}    
.分类柱img{
垂直对齐：中间；//添加了新的
}
.滴定元素{
显示：初始；//已更改
垂直对齐：中间对齐；
}

@Martin Lanter请退房answer@Martin兰特：请查看答案。如果标题较长的列调整为较宽的列，您介意吗？或者你想让它保持150px，但旁边有图像。你介意长标题的列调整到更宽的列吗？或者你想让它保持150px，但旁边有图像