如何在同一元素中居中显示文本和右对齐图像？

Question

我有一些th文本元素应该居中,它们也包含图像:

向上/向下箭头图形是单独的图像.

我的问题是,th在保持文本居中的同时,将图像定位到元素右侧的最简单可靠方法是什么？

如果有一个相当简单的方法,我愿意使用jQuery/JavaScript.

一个警告:我需要上/下图形为单独的图像,而不是标题背景的一部分.

        <th> 
          Title
          <img src='/images/sort_unsorted.jpg' /> 
        </th>

Answer 1

只需将图像浮动到右侧:

th img {
    float: right;
}

演示: http ://jsfiddle.net/marcuswhybrow/ZxUMY/