Tengo un problema que no logro solucionar, y es dentro de un contenedor con tres elementos inline. Centrar el elemento que esta entre los otros dos respecto al ancho de su contenedor.
Teniendo lo siguiente:
<div>
<a style="float: left;"><span style="mis estilos">uno</span></a>
<a style="margin: auto 0;"><span style="mis estilos">dos</span></a>
<a style="float: right;"><span style="mis estilos">tres</span></a>
</div>
Poniendo en el estilo del elemento central lo siguiente:
margin: auto 0;
o
text-align: center;
o
position: absolute; margin: auto 0;
en un navegador de escritorio parece funcionar. Pero en el navegador del móvil el elemento se me coloca centrado al ancho del espacio entre los otros dos en vez de al ancho a todo su contenedor.