我想要一个矩形框的布局。在左侧的框内是文本，在右侧的是图像。这在浏览器中看起来不错，但是当以html电子邮件形式发送时，在Outlook中，浮动权利似乎无效。它将图像放在文本的下一行中。关于如何进行这项工作的任何想法？（我试图避免使用表。）

<div style="width: 100%;border-style:solid;overflow: hidden;">

    <span style="float: left;">  
         <h3> Your appointment Details</h3>
    </span> 
    <span style="float: right;">
        <img src="someImage"/>
    </span>

</div>