I have a
table
th
th
Wrap text and icon into flex-container
and use flexbox
<div class="flex-container">
<div class="label">
Order Number
</div>
<div class="sort-icons">
<cfoutput>
<div>
<a href="?sortBy=OrderNumber&sortOrder=ASC" title="Sort Ascending"><span class="ui-icon ui-icon-circle-triangle-n"></span></a>
</div>
<div>
<a href="?sortBy=OrderNumber&sortOrder=DESC" title="Sort Descending"><span class="ui-icon ui-icon-circle-triangle-s" style="display: block;"></span></a>
</div>
</cfoutput>
</div>
</div>
CSS
.flex-container {
display: flex;
}