Paragraph outside div?

Question

This is a problem which is hard to explain without actually showing the problem.

We start off with view-source:

Everything should be inside < p> but instead it closes < p>.

My code:

<p>'.bbCode($Posts['content'], $Posts['id']).'</p>';

and also the preg_replace creating the quote:

$text = preg_replace('/\[quote=([^\]]+)?\]/is', '<div class="quote"><strong>$1 skrev:</strong><br />', $text);
$text = preg_replace('/\[quote[^\]]+\]/is', '<div class=\"quote\"><br />', $text);
$text = preg_replace('/\[\/quote\]/is', '<br clear=\"all\" /></div>', $text);

My guess is that your HTML is invalid (e.g. `
` inside a `
`) and the browser is trying to correct it. Post the rendered HTML please. — j08691, Jul 21 '15 at 14:40
`
` can only contain inline elements. See - http://stackoverflow.com/questions/8397852/why-p-tag-cant-contain-div-tag-inside-it — sbeliv01, Jul 21 '15 at 14:40
Updated guidelines for html5: http://www.w3.org/TR/html5/ (answer in sbeliv01's answer is for html4) — Pete, Jul 21 '15 at 14:42
@user1129884 It explains why the browser renders the `
` tag as noted. — sbeliv01, Jul 21 '15 at 14:42
@sbeliv01 I always thought browsers were more forgiving on invalid html, it apears the browser does indeed try to correct this behaviour. http://jsfiddle.net/LLa6yLvg/ — timo, Jul 21 '15 at 14:45

score 0 · Answer 1 · answered Jul 21 '15 at 14:43

0

Use span instead of div.

<span class="makeSomeCoolFormattedText"> My Awesome Text </span>

answered Jul 21 '15 at 14:43

Bryan Mudge

432
4
12

boszlo · Answer 2 · 2015-07-21T14:54:02.150

0

Browser is trying to correct the invalid markup. You are trying to insert some block elements into p. Two solutions: change p to section, article or div or something else OR strip posts from html markup.

edited Jul 21 '15 at 14:54

answered Jul 21 '15 at 14:48

boszlo

1,144
10
14

Paragraph outside div?

2 Answers2