我应该如何格式化玉器布局？

Question

我正在尝试将此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>

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

.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>

有什么想法吗？

Answer 1

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

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