Create nested <p> tag in Jade JS without trailing newline

Question

How does one do the following in Jade JS?

<div id="container">
    Temperature<p id = "temp">00.00</p>
</div>

i.e., create a nested tag without a newline.

I have tried:

// outputs newline
#container
    p#temp 00.00

and

// outputs literal p#temp text
#container p#temp 00.00

But it does not seem to work. Indentation gives a parse error as well. I have looked at the documentation but it does not seem to yield anything.

Answer 1

You can use:

#container
  |Temperature
  p#temp 00.00

Answer 2

You can always just type the html inline:

//thermometer.jade
#container Temperature<p id="temp">#{locals.tempValue}</p>

Answer 3

A span is the way to go instead of a p tag

#container
    span#temp 00.00

Answer 4

If you must, you could use:

#container Temperature<p id='temp>00.00</p>

How and why is your whitespace significant?