Colocar <div> dentro de <p> é adicionar um extra <p> [duplicado]
Esta questão já tem uma resposta aqui:
Por que a tag <p> não pode conter a tag <div> dentro dela? 5 respostasDehttp://webdesign.about.com/od/htmltags/p/aadivtag.htm
No HTML 4, o elemento DIV não pode estar dentro de outro elemento no nível do bloco, como um elemento P. No entanto, em HTML5, o elemento DIV pode ser encontrado dentro e pode conter outros elementos de conteúdo de fluxo, como P e DIV.
Eu tenho algo assim dentro de um formulário
<p> <label...> <input...> </p>
mas quando o Rails gera automaticamente um div error_explanation envolvendo a entrada, o único parágrafo se transforma em dois, e eu vejo isso no Firebug:
<p> <label...> </p> <div...> <input...> </div> <p> </p>
Além disso, se eu apenas adicionar um simples
<p> <div> test </div> </p>
o mesmo problema ocorre (JSFiddle) e é processado no DOM como
<p> </p> <div> test </div> <p> </p>
Por quê?
Atualizar: Eu enviei um e-mail para o autor do artigo e ela fez as alterações apropriadas.