How can I do this in Jade (pug)?

Question

<ul class="dropdown-menu">
  <li>
    <a href="javascript:void(0)">
      <i class="ti-user m-r-5"/>
      Profile
    </a>
  </li>
</ul>

I don't know how to put i and "Profile" in a. Please help me!

Answer 1

I found that the inline tags can solve it!

ul(class='dropdown-menu')
  li #[a(href="javascript:void(0)") #[i(class=['ti-user', 'm-r-5'])] Profile]

Answer 2

You can use online service to convert HTML to Jade, for example: http://html2jade.org/

Here is an answer:

html
  body
    ul.dropdown-menu
      li
        a(href='javascript:void(0)')
          i.ti-user.m-r-5
            | Profile