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

html templates tumblr
digitalfleisch picture digitalfleisch · Mar 20, 2011 · Viewed 11.5k times · Source

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

Johnsyweb picture Johnsyweb · Mar 20, 2011

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.

Related questions

How can I echo HTML in PHP?

I want to conditionally output HTML to generate a page, so what's the easiest way to echo multiline snippets of HTML in PHP 4+? Would I need to use a template framework like Smarty? echo '<html>', "\n"; // …

Read More
Opening new window in HTML for target="_blank"

<a href="facebook.com/sharer" target="_blank" >Share this</a> How do I make this a certain width and height, in a new window, when the user clicks on it? In firefox, the current code only …

Read More
angularjs make a simple countdown

I would like make a countDown with Angular js. this is my code: Html File <div ng-app ng-controller = "countController"> {{countDown}} <div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ js File function countController($scope){ $scope.countDown = 10; var timer = setInterval(function(){$scope.countDown--; console.log($…

Read More