Poner <div> dentro de <p> está agregando un <p> adicional [duplicado]
Esta pregunta ya tiene una respuesta aquí:
¿Por qué la etiqueta <p> no puede contener la etiqueta <div> dentro de ella? 5 respuestasDesdehttp://webdesign.about.com/od/htmltags/p/aadivtag.htm
En HTML 4, el elemento DIV no puede estar dentro de otro elemento a nivel de bloque, como un elemento P. Sin embargo, en HTML5, el elemento DIV se puede encontrar dentro y puede contener otros elementos de contenido de flujo, como P y DIV.
Tengo algo como esto dentro de un formulario
<p> <label...> <input...> </p>
pero cuando Rails genera automáticamente una división error_explanation envolviendo la entrada, el párrafo se convierte en dos, y veo esto en Firebug:
<p> <label...> </p> <div...> <input...> </div> <p> </p>
Además, si acabo de añadir un sencillo
<p> <div> test </div> </p>
el mismo problema ocurre (JSFiddle) y se renderiza en el DOM como
<p> </p> <div> test </div> <p> </p>
¿Por qué?
Actualizar: Le envié un correo electrónico a la autora del artículo y ella hizo los cambios apropiados.