Div para centrar y ipad

[borjagat]

Hola

Como puedo centrar para cualquier navegador? Lo mismo me pasa con poner a la derecha o la izquierda como lo puedo hacer.

Me va para firefox pero no quizás para mi ipad (safary) o mi samsung.


Así mismo quisiera saber como hacer lo siguiente
dispongo de un <div> (titulo) que se muestra encima de un texto. Luego otro div(menu) que se muestra al lado del div de texto.

Algo así:

vacio div (titulo)
div(menu) div(texto)

Si la pantalla es pequeña, se muestra así:

div(titulo)
div(menu)
div(texto)

hay alguna opción para que aparezca

div(menu)
div(titulo)
div(texto)


Gracias!!!

[larrysun2]

quieres decir algo como lo que hizo fede5426 en este post:
http://www.forosdelweb.com/f53/convertir-lista-boton-desplegable-solo-movile-1135215/

[fede5426]

Para centrar elementos basta con especificarle un width y asignarle margenes automáticos..

Y para cambiar el orden de aparición de los elementos te recomiendo flexbox, usando la propiedad order:

Código HTML:

<div class="contenedor">
    <div class="titulo">Titulo</div>
    <div class="menu">Menu</div>
    <div class="texto">Texto</div>
</div>
 

Código CSS:

.contenedor{
    width:90%;
    max-width:960px;
    margin:0 auto;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    align-items:flex-start;
    justify-content:space-between;
}
 
.titulo{
    width:100%;
}
 
.menu{
    width:50%;
}
 
.texto{
    width:50%;
}
 
@media screen and (max-width:650px){
    .titulo{
        order:2;
    }
    
    .menu{
        width:100%;
        order:1;
    }
    
    .texto{
        width:100%;
        order:3;
    }
}
 

Con eso debería ser suficiente.. Demo

Saludos

PD: Mas info sobre Flexbox