(Question) How to ensure a whitespace between two elements?

[jakub-g]

I've been playing with htm, and I have prettier in my repo which formats code automatically.

I'm struggling to output a space between two elements; sometimes I end up with prettier formatting code like this:

      html`<span>long text long text long text</span>
      <span>foor bar</span>`

I want a single space between the two spans, but regular spaces get collapsed; and   is escaped and output literally as  .

Is there a clean solution to this?

[timonson]

I would love to hear an answer to this question, too.

[antelle]

${' '} seems to work: jsfiddle

html`<div>
  <span>sp</span>
  ${' '}
  <span>ace</span>
</div>`

[developit]

Yep, the expression with a space character is the way to go here, since it's the same behavior as JSX.