Pug js how span element left inside a tag

Question

i wonder how i can span element put to left inside of a tag?

my syntax now:

 a Settings
        span 
          img(src=setting)

it's rendering like:

<a>Settings <span><img src="settings.png"/></span>

i tried to make:

 a
   span 
     img(src=setting) Settings

i want to make:

<a><span><img src="settings.png"/> Settings</span>

Answer 1

Use the Piped Text syntax:

Pug:

a
  span
    img(src=setting)
    | Settings

HTML:

<a><span><img src="settings.png"/>Settings</span></a>