如何在文本和图像之间添加<span>？</span>

Question

我左侧有some text，右侧有图片，现在当设备移动时，需要在此some text和图片之间添加。当设备是PC时，应禁用。

我尝试使用：<span style="text-align: center;" class="hidden-lg ellipsis">但是当用户在移动设备上时，some text存在，然后是下一个喜欢，而另一行上的图像。我希望图片看起来像

但它会像：

我的代码如下：

<div class="divStyle" ng-click="showShipTo()" style=" margin-bottom: 3px; margin-top: 5px;" >
        <a class="placeOrder" style="margin-left: 15px;">
        Ship To
        </a>                
        <span style="text-align: center;" class="hidden-lg userDetails ellipsisOverflow">
            {{product.address.first_name+" "+product.address.last_name+", "}}
            {{product.address.street+", "}}
            {{product.address.city+" "+product.address.state+" "+product.address.zip_code}}
        </span>

        <img align="right" style="margin-top: 14px; margin-right: 14px; " 
        ng-src="modules/checkoutProcess/arrow.png" alt="Arrow Image" height="20" width="20"> 

请任何人建议任何帮助......

谢谢