outlook 2007 mail span not displayed in same line

Question

My code is:

    <span style="text-align:center; width:80px; display:inline-block;">
    <a href="#" target="_blank" style="text-decoration:none;">
   img here
    <span style="font-size: 13px; color: #301985; display:block; top:5px; position:relative;">content</span>
    </a>
    </span>
    <span style="text-align:center; width:80px; display:inline-block;">
    <a href="#" target="_blank" style="text-decoration:none;">
    img here
    <span style="font-size: 13px; color: #301985; display:block; top:5px; position:relative;">content</span>
    </a>
    </span>

Problem is:

It is working good in all mail. In outlook 2007 it displayed like this image.

I want content is displayed the below the image. But it is not working in outlook 2007.

I found this url https://www.campaignmonitor.com/css/

Display, float property are not working on outlook 2007. Any other solution to acheive my design?

Answer 1

use <div> in place of <span> I hope it will help...