Jade: Wie man schließendes Tag mit Textelement nach ihm schreibt

Question

Wie schreibe ich dieses HTML in Jade? Vor allem habe ich Probleme mit dem i -Element und dem Text danach.

<div class="fileDrop"> 
    <p class="bold"><i class="fa fa-upload"></i> Upload</p> 
</div> 

Dies ist falsch

div.fileDrop 
    p.bold 
     i.fa.fa-upload Upload 

... wie es mir gibt

<div class="fileDrop"> 
    <p class="bold"><i class="fa fa-upload">Upload</i></p> 
</div> 

So ist der Text sollte zwischen

Answer 1

Der nach dem i -elementigen mit Platz sein documentation describes how to include plain text:

div.fileDrop 
    p.bold 
    i.fa.fa-upload 
    | Upload