玉模板从SemanticUI

Question

我有这样的HTML从SemanticUI其中显示文本的用户图标的右侧：

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

，我试图重新产生这种用玉：

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

但是，这不能正常工作，因为我认为Jade需要某种类型的html标签才能正常工作，并且“Create Your Account”行没有。

所以我想这太：

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

但“创建帐户”的文字出现在用户图标的下方，我需要它，在右侧出现。

Answer 1

在其他把文字用玉模板标签后，您需要使用管道符号：

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

会生成：

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

，您可以尝试在jade demo page。

希望这会有所帮助。