Buenas noches desde España foreros..
A ver si alguien puede ayudarme con un problema tonto, pero que me está trayendo de cabeza.
Veréis, tengo un DIV, en el cual, dentro tengo una lista (UL). Esta lista UL me está saliendo un poco desplazada hacia la derecha, es decir, tabulada. Lo que me interesaría es que estuviera alineada a la izquierda con la DIV, ya uqe la aplicación es para ver en dispositivos móviles, y no se está visualizando bien, por que sale desplazada hacia la derecha...
Este es el código que tengo ahora mismo:
Código:
<div data-role="collapsible" data-mini="true" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d">
<h3>Titulo de mi capa</h3>
<ul style="list-style-type:none; list-style:none; display:table;">
<li>
<table style="width:250px;">
<tr>
<td style="font-weight:bold; text-align:right">Inicio:</td>
<td>contenido</td>
<td style="font-weight:bold; text-align:right">Importe:</td>
<td>contenido</td>
</tr>
</table>
</li>
</ul>
Nota: Obviamente pongo un ejemplo de lo que estoy generando, no es que solo haya un <li> dentro del UL.
Espero haberme explicado.
Ahora me está saliendo algo como esto:
TITULO DE MI CAPA
LISTA TABLULADA
Y lo que querría es que saliera asi:
TITULO DE MI CAPA
LISTA TABULADA
Por favor, si alguien sabe que estoy haciendo mal, se lo agradecería.