How to add br tag with Jade HTML

An alternative syntax to the one proposed by Josh is the following:

table
  tbody
    tr
      td Juan Perez
      td 01 33 4455 6677
      td. 
        Av José Vasconcelos 804-A Pte. #[br]
        Col. Los Sabinos,CP. 66220, San Pedro, N.L.

The dot at the end of the td is used to enter large blocks of plain text in a simpler way, so the following indented block is treated as text, and you don't need to use the pipe (|) preceding every line. (Source: https://pugjs.org/language/plain-text.html)

Then, to get your explicit <br>, you can use the tag interpolation syntax #[br] to inline it inside the text. (Source: https://pugjs.org/language/interpolation.html)


Put the text on a new line with a preceding |:

table
  tbody
    tr
      td Juan Perez
      td 01 33 4455 6677
      td Av José Vasconcelos 804-A Pte.
        br
        | Col. Los Sabinos,CP. 66220, San Pedro, N.L.

You could also place both text nodes on new lines to improve readability as well:

table
  tbody
    tr
      td Juan Perez
      td 01 33 4455 6677
      td
        | Av José Vasconcelos 804-A Pte.
        br
        | Col. Los Sabinos,CP. 66220, San Pedro, N.L.

Output:

<table>
  <tbody>
    <tr>
      <td>Juan Perez</td>
      <td>01 33 4455 6677</td>
      <td>Av José Vasconcelos 804-A Pte.<br/>Col. Los Sabinos,CP. 66220, San Pedro, N.L.</td>
    </tr>
  </tbody>
</table>

Tags:

Html

Pug