html - outlook 2007 mail span not displayed in same line -

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 working in mail. in outlook 2007 displayed image.

i want content displayed below image. not working in outlook 2007.

i found url https://www.campaignmonitor.com/css/

display, float property not working on outlook 2007. other solution acheive design?

use <div> in place of <span> hope help...