Javascript 将跨度元素向右移动到div标记

我有下面的html代码。如何将带有图像的span元素向右移动到div标记

下面是代码

    <div style='width:600px;padding-top: 2px;padding-bottom: 1px'>
            <span style='padding-left: 25px'>" + rank + "</span >
           <span style='padding-left: 35px'><img id='img1' class='img-rounded' alt='' width='50' height='50' src='test.jpg' /></span>
           <span style='position:absolute;padding-left: 30px' >" + o.Title + "</span>
          <span style='position:absolute;float:right'>
            <img   class='img-rounded' alt='' width='20' height='10' src='images/Information.png' />
         </span> 

  </div >

“+排名+”
“+o.头衔+”

“+排名+”
“+o.头衔+”
{IMG}

浮点和位置：绝对值不能同时使用，而且span是内联元素，需要先将其设置为块，然后才能按您的意愿运行

<span style='display:block;float:right'>
    <img class='img-rounded' alt='' width='20' height='10' src='images/Information.png' />
</span>

位置：绝对

消除浮动可能性。如果需要绝对定位，请使用

right:0

，但也可以将父div设置为

position:relative

，使其工作。或者离开

浮动

并移除

位置：绝对