problema de validacion en w3c

[gabo2287]

he verificado mi codigo en la W3C y me ha dado como error:

Element div not allowed as child of element a in this context. (Suppressing further errors from this subtree.)

por lo que investigue no se puede tener un elemento de bloque dentro de un elemento de linea como lo hice yo:

<div id="logo">
<h1 class="logo">
<a href="/">
Marcela Gimenez <div id="br">Estilista</div>
</a>
</h1>
</div>

yo puse el DIV a proposito porque lo que quiero es forzar a que la palabra "Estilista" pase para el renglon de abajo y quede centrada en relacion al nombre de la persona, pero de esta forma que lo hice me da ese error, no se me ocurre como lo puedo hacer

[PHPeros]

Usa HTML5 que sí que lo permite

Aun así creo que se podría hacer con CSS.

[zerokilled]

buenas...
¿por qué no mejor un BR? o en última instancia, envuelves la palabra con SPAN y con css lo haces bloque.

[GeekGirl]

Simplemente un span como comentó zerokilled. Para elementos de bloque se usa el div, y para los de línea span.

Código HTML:

<div id="logo">
    <h1 class="logo"><a href="/">Marcela Gimenez <span id="br">Estilista</span></a></h1> 
</div> 

Saludos

[gabo2287]

gracias por la ayuda. He puesto el span pero algo paso porque se me desestrcturo la maqueta

<div id="infomobile">
<span id="br1">San Juan 432</span><span id="br2">Capital</span><span id="br3">4734 5589</span>
</div>


#infomobile {
display:block;
padding:10px;
text-align:center;
color:#989898;

}


#br1{
margin-top:30px;
}


#br2, #br3{
display:block;
margin-top:40px;

}


a los span les puse un display block pero la maqueta ahora no esta bien