Come posso allineare questi due elementi?

Ciao a tutti, come posso allineare questi due elementi che ho inserito?

Questo è il codice che ho utilizzato:

<table border="”1″">
<tbody>
<tr>
<td><img src="http://cdn.marketplaceimages.windowsphone.com/v8/images/b9a2c3cc-e946-443b-8fcf-85ca98f62ad2?imageType=ws_icon_large" alt="Logo Serie A Tim" /></td>
<td>
<div data-type="standing" data-id="26928" id="wgt-26928" class="tap-sport-tools" style="width:300px; height:auto;"></div>
<div id="wgt-ft-26928" style="width:296px;"><p><a rel="nofollow" target="_blank" href="http://www.livescore.it/calcio/italia/serie-a/classifica.html">Classifica Serie A</a> offerta da Livescore.it</p></div><style type="text/css">#wgt-ft-26928  {background:#FFFFFF !important;color:#484848 !important;text-decoration:none !important;padding:4px 2px !important;margin:0 !important;}#wgt-ft-26928 * {font:10px Arial !important;}#wgt-ft-26928 a {color:#484848 !important;}#wgt-ft-26928 img {vertical-align:bottom !important;height:15px !important;}</style><script type="text/javascript" src="http://tools.livescore.it/load.min.js?318"></script>
<script src="http://tools.livescore.it/load.min.js?318" type="text/javascript"></script></td>
</tr>
</tbody>
</table>

[karl94]

E come li vorresti allineare esattamente? Puoi essere più preciso? Dove vuoi che si posizioni ciascuno?

E come li vorresti allineare esattamente? Puoi essere più preciso? Dove vuoi che si posizioni ciascuno?

In effetti sono stato poco chiaro, vorrei che il logo della serie a si posizionato in alto (quindi in linea con la parte alta della classifica) o, al massimo, al centro e non in basso, com'è adesso.

[karl94]

Prova così:

<div style="text-align:center">
	<img style="vertical-align:top;" src="http://cdn.marketplaceimages.windowsphone.com/v8/images/b9a2c3cc-e946-443b-8fcf-85ca98f62ad2?imageType=ws_icon_large" alt="Logo Serie A Tim" />
	<div style="display:inline-block;vertical-align:top">
		<div data-type="standing" data-id="26928" id="wgt-26928" class="tap-sport-tools" style="width:300px; height:auto;"></div>
		<div id="wgt-ft-26928" style="width:296px;"><p><a rel="nofollow" target="_blank" href="http://www.livescore.it/calcio/italia/serie-a/classifica.html">Classifica Serie A</a> offerta da Livescore.it</p></div>
		<style type="text/css">#wgt-ft-26928  {background:#FFFFFF !important;color:#484848 !important;text-decoration:none !important;padding:4px 2px !important;margin:0 !important;}#wgt-ft-26928 * {font:10px Arial !important;}#wgt-ft-26928 a {color:#484848 !important;}#wgt-ft-26928 img {vertical-align:bottom !important;height:15px !important;}</style>
		<script type="text/javascript" src="http://tools.livescore.it/load.min.js?318"></script>
	</div>
</div>

Non va bene, dovrebbe venire più una cosa così:

[karl94]

E allora metti il vertical-align su middle:

<div style="text-align:center">
	<img style="vertical-align:middle;" src="http://cdn.marketplaceimages.windowsphone.com/v8/images/b9a2c3cc-e946-443b-8fcf-85ca98f62ad2?imageType=ws_icon_large" alt="Logo Serie A Tim" />
	<div style="display:inline-block;vertical-align:middle">
		<div data-type="standing" data-id="26928" id="wgt-26928" class="tap-sport-tools" style="width:300px; height:auto;"></div>
		<div id="wgt-ft-26928" style="width:296px;"><p><a rel="nofollow" target="_blank" href="http://www.livescore.it/calcio/italia/serie-a/classifica.html">Classifica Serie A</a> offerta da Livescore.it</p></div>
		<style type="text/css">#wgt-ft-26928  {background:#FFFFFF !important;color:#484848 !important;text-decoration:none !important;padding:4px 2px !important;margin:0 !important;}#wgt-ft-26928 * {font:10px Arial !important;}#wgt-ft-26928 a {color:#484848 !important;}#wgt-ft-26928 img {vertical-align:bottom !important;height:15px !important;}</style>
		<script type="text/javascript" src="http://tools.livescore.it/load.min.js?318"></script>
	</div>
</div>