Jade templating de SemanticUI

Question

J'ai ce code HTML à partir SemanticUI qui affiche le texte sur le côté de la main droite d'une icône de l'utilisateur:

<h1 class="ui header"> 
    <i class="user icon"></i> 
    Create Your Account 
</h1> 

et je suis en train de re-produire ce en utilisant Jade:

h1.ui.header 
    i.user.icon 
    Create Your Account 

Cependant, cela ne fonctionne pas correctement car je pense que Jade a besoin d'une balise html quelconque pour fonctionner et que la ligne "Create Your Account" n'en a pas.

J'ai donc essayé cela aussi:

h1.ui.header 
    i.user.icon 
    span Create Your Account //also with div and p but these are display:block so no luck 

mais le texte « Créez votre compte » apparaît sous l'icône d'utilisateur et j'ai besoin qu'il apparaisse à côté de la main droite.

Answer 1

Dans d'autres pour mettre du texte après une étiquette avec templating de jade, vous devez utiliser le symbole pipe:

h1.ui.header 
    i.user.icon 
    | Create Your Account 

génère:

<h1 class="ui header"><i class="user icon"></i>Create Your Account</h1> 

Vous pouvez l'essayer sur le jade demo page.

Espérons que cela aide.