Eu quero esse layout onde eu tenho uma caixa retangular. E dentro da caixa à esquerda há um texto e à direita há uma imagem. Isso parece bom no navegador, mas quando enviado como um e-mail html, no outlook a flutuação direita parece não funcionar. Coloca a imagem na próxima linha sob o texto. Alguma idéia de como fazer isso funcionar? (Eu estou tentando evitar o uso de tabelas.)

<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>