Html 我应该如何为Jade布局设置格式？

我正在尝试将此HTML格式化为Jade：

<div class="textItem">
    <div class="avatar">
        <img src="http://wowthemes.net/demo/biscaya/img/demo/avatar.jpg" alt="avatar">
    </div>
    "How often have I said to you that when you have eliminated the impossible, whatever remains, however improbable, must be the truth?<span style="font-family:arial;">"</span><br/><b>Ralph G. Flowers </b>
</div>

“我有多少次对你说过，当你消除了不可能，剩下的无论多么不可能，都一定是真相？”
拉尔夫·G·弗劳尔斯

我尝试过这种方法，但它试图将文本转换为另一个标记：

.textItem
    .avatar
        img(src="http://wowthemes.net/demo/biscaya/img/demo/avatar.jpg" alt="avatar")
    "How often have I said to you that when you have eliminated the impossible, whatever remains, however improbable, must be the truth?<span style="font-family:arial;">"</span><br/><b>Ralph G. Flowers </b>

.textItem
阿凡达
img（src=”http://wowthemes.net/demo/biscaya/img/demo/avatar.jpg“alt=”化身“）
“我有多少次对你说过，当你消除了不可能，剩下的无论多么不可能，都一定是真相？”
拉尔夫·G·弗劳尔斯

有什么想法吗

doctype html
html(lang="en")
  head
  body
    .textItem
    .avatar
        img(src="http://wowthemes.net/demo/biscaya/img/demo/avatar.jpg" alt="avatar")
        | How often have I said to you that when you have eliminated the impossible, whatever remains, however improbable, must be the truth?
        span(style="font-family:arial")
        br
        | Ralph G. Flowers
        br

那应该会给你我认为你想要的