Jade template: how to create a hyperlink in UL with a hyperlink description

Question

I am trying to create a list with hyperlinks. Each element of the list contains an item and a simple description of this object in one line. I want to include a hyperlink to a topic, but not a description. What I did as shown below.

ul#subjects
    li
        a(href="#") Subject: Here is the description of the subject

The link works fine, but it covers the entire line of text. How to close a hyperlink so that it becomes something like HTML? Please note that the hyperlink ':' is not covered.

<ul id='subjects'>
    <li><a href='#'>Subject</a>: Here is is the description of the subject
</ul>

Thank.:)

Answer 1

use |to display html text in jade

eg.

ul#subjects
  li
    a(href="#") Subject
    | : Here is the description of the subject