</p> <style> <p>.bqstart {</p> <p> float: left;</p> <p> height: 45px;</p> <p> margin-top: -20px;</p> <p> padding-top: 45px;</p> <p> margin-bottom: -50px;</p> <p> font-size: 700%;</p> <p> color: #FF0000;</p> <p> font-family: 'Lucida Grande', Verdana, helvetica, sans-serif;</p> <p> font-style: normal;</p> <p>}</p> <p>.bqend {</p> <p> float: right;</p> <p> height: 25px;</p> <p> margin-top: 0px;</p> <p> padding-top: 45px;</p> <p> font-size: 700%;</p> <p> color: #FF0000;</p> <p> font-family: 'Lucida Grande', Verdana, helvetica, sans-serif;</p> <p> font-style: normal;</p> <p>}</p> <p>blockquote {</p> <p> margin: 45px;</p> <p> padding: 0;</p> <p> font-size: 130%;</p> <p> line-height: 160%;</p> <p> font-style: normal;</p> <p>}</p> </style> <blockquote><p><span class="bqstart">“</span>Speech marks. Curly quotes. That annoying thing cool people do with their fingers to emphasize a buzzword, shortly before you hit them.<span class="bqend">”</span></p></blockquote> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

两个要点：

1.“ 和 ” 为双引号的字符实体。

2.span.bqstart 仅仅 float 是不够的，上下不能对齐。

via swooshy-curly-quotes-without-images