Hola, necesito saber como bloquear unos marcos con texto para que cuando los vea en disositivos moviles no se salgan del tamaño de la pagina. aqui teneis el codigo introducido y la direccion web para que veais el problema,, solo se aprecia con dispositivos moviles, y la aplicacion con la que trabajo tiene la opcion de ajustar a estos dispositivos, pero esos recuadros se salen. un saludo y mil gracias.
www.hotelekai.com
<table width="800" border="0" cellspacing="1" cellpadding="1" bgcolor="#FFFFFF">
<tbody>
<tr>
<td>
<h2><span style="font-weight: bold;">OFERTA GOURMET & RELAX 169 €</span></h2>
</td>
</tr>
<tr>
<td bgcolor="#ffffcc"><span style="line-height: 1.42;"><span style="line-height: 1.42;"><span class="image-block caption-over-image" style="float: left; margin-right: 20px; width:222px;"><img id="mce-5831" src="/sitebuilder/sites/68/685333c9a7689cf7e6bcaffe42768dd7/attachments/Image/spa_hotel_ekai.jpg" alt="" width="222" height="106"></img></span></span></span>
<ul>
<li><span style="font-weight: bold;"><span style="line-height: 1.42;">Do</span><span style="line-height: 1.42;">s noches en alojamiento y desayuno + cena de bienvenida + acceso de un día a las instalaciones de Kanpondoa en AOiz (spa, piscina climatizada, gimnasio...). A partir de 16 años, los niños menores sólo pueden acceder a la zona de piscina.</span></span></li>
</ul>
<p style="text-align: right;"><span style="line-height: 1.42;"><span style="font-weight: bold;"><a class=" link" href="page://2fhxd0r6ygl">+ INFO</a></span></span></p>
</td>
</tr>
</tbody>
</table>