CODEWITHSUNDEEP
pug
Jan Kowalski
Jan Kowalski

Reputation: 205

How to render 2 text lines in one?

How to render in PugJS 2 text lines in one?

For example I except:

<p>
  <span class="foo">bar</span> blabla
</p>

I try this:

p
  span.foo bar
  |  blabla

but it renders

<p>
  <span class="foo">bar</span>
  " blabla"
</p>

Upvotes: 0

Views: 122

Answers (2)

Kieran Devlin
Kieran Devlin

Reputation: 1433

Display: inline-block is what you're looking for.

e.g

<p>
    <span style="display: inline-block;">Foo</span>
    <span style="display: inline-block">Bar</span>
</p>

Upvotes: 1

pirxpilot
pirxpilot

Reputation: 1647

This should work:

p.
  #[span.foo bar] blabla

Check out tag interpolation

Upvotes: 0

Related Questions