Cambiar posición h3

[rodrypaladin]

Hola foro vecino. Vengo a vosotros expertos del css ( pelota ) con esta duda.

como véis en esta imagen http://i.imgur.com/JlJgLYD.jpg el h3 no me lo coloca en debajo como pretendo.

El primero h3 "Sobre tu físico" está bien colocado, luego muestro una tabla, la cierro y meto otro h3 y seguidamente otra tabla. pero el 2º h3 me lo coloca a la derecha.

La estructura que necesito es:

<h3>
<tabla>
<h3>
<tabla>

Y que lo vaya colocando así en vertical.

os dejo todo mi código css por si algo entra en conflicto.

Código CSS:

body {
    background: url("fondo.jpg");
    font-family: Arial, Helvetica, Verdana;
}
 
.contenedor {
    width: 900px; /* Aquí controlas el ancho total del contenido (puedes usar porcentajes o cualquier otra medida */
    margin: auto; /* centra el contenedor */
}
 
h1 {
    text-align: center;
    font-size: 45px;
    text-shadow: 0 0 10px #fff,
                   0 0 20px #fff,
                   0 0 30px #fff,
                   0 0 40px #028efa,
                   0 0 70px #028efa,
                   0 0 80px #028efa,
                   0 0 100px #028efa,
                   0 0 150px #028efa;
}
 
h2 {
    text-align: center;
    font-size: 20px;
    margin-top: 10px;
    text-shadow: 0 0 10px #fff,
                   0 0 20px #fff,
                   0 0 30px #fff,
                   0 0 40px #028efa,
                   0 0 70px #028efa,
                   0 0 80px #028efa,
                   0 0 100px #028efa,
                   0 0 150px #028efa;
}
 
h3 {
    text-align: left;
    font-size: 20px;
    margin-bottom: -10px;
    margin-top: -10px;
 
}
.formulario {
    padding: 20px;
    background-color: black;
    color: white;
    box-shadow: 0 0 20px 5px #028efa; /* igual que antes, jugar con los valores */
    overflow: hidden; 
}