Can I have a <pre> Tag inside a <p> tag in Tumblr?

Question

today I played around a little bit with Tumblr. I tried to add a preformatted text into a description paragraph block like so:

{block:Description}
    <p id="description">{Description}</p>
{/block:Description}

However, the <pre> element gets rendered just after the <p> element and not within it which was my intention.

Am I doing something wrong here or is it a bug?

Answer 1

You cannot nest block-level elements, such as <pre>, inside <p> in HTML. So Tumblr is behaving correctly.

You should close your paragraph before inserting the pre-formatted text.

If you want teletype-style text, try the <tt> tag, but note it is a non-standard element and may not render in all browsers. The correct way to achieve formatting is using CSS.

Answer 2

Also, I just realized where I was having a similar issue pasting code into tumblr inside <pre> and <code> tags is that just because you wrap your code in those tags doesn't prevent you from having to escape the carrots with < and > instead of the carrots.