我在我的網站上工作，我想有一個很好的報價。要做到這一點，我希望在文本的開始和結尾處有兩個大引號圖像，就像文本中所包含的一樣，當我調整窗口大小時，將隨文本一起移動。如何將圖像合併到我的文本中？ HTML CSS
我試過用display：block和圖像作爲背景的span，但它像div一樣工作。
如果我使用div和margin來放置它，它將保持在同一個地方，當我調整窗口大小並且不再與我的文本對齊時。
你會建議什麼？
編輯
這裏是我想什麼：
使用範圍是正確的選擇，但你應該把它設置爲inline或inline-block（或完全放棄它）。正如您發現的那樣，將其設置爲阻止使其佔據整個寬度。
如果您可以使用除圖像之外的其他東西，則可以在引號字符本身上放置一個範圍，並使用任何Unicode或其他字體系列作爲引號。然後，您可以將範圍放在該範圍內，然後根據需要進行設置，同時保留內嵌文本引用。
你可以試試這個原始的CSS，你可以自定義它，只要你想。
html {
background: gray;
}
blockquote {
background: white;
display: inline-block;
position: relative;
padding: 30px 30px
}
blockquote:before {
content: '"';
position: absolute;
font-size: 48px;
top: 10px;
left: 10px;
}
blockquote:after {
content: '"';
position: absolute;
font-size: 48px;
bottom: -10px;
right: 10px;
}<blockquote>
This is a sample of a blockquote.
</blockquote>編輯： 上面的代碼與在本身就是一個固定的報價，結束報價沒有在段落的末尾移動。
這一個應該這樣做。
html {
background: gray;
}
blockquote {
background: white;
display: inline-block;
position: relative;
padding: 30px 30px
}
.ql,.qr {
position: relative;
}
.ql:before,.qr:after {
content: '"';
position: absolute;
font-size: 48px;
}
.ql:before {
top: -15px;
}<blockquote>
<span class="ql"></span> I am a sample of blockquote with a big quotation marks.<span class="qr"></span>
</blockquote>
<blockquote>
<span class="ql"></span> I am a sample of blockquote with a big quotation marks. You see it moves according to the length of what I'm saying.<span class="qr"></span>
</blockquote>引號不是圖像，因此它適應你附加的字體它。請注意，不同的字體有不同的視圖空間，因此可以相應調整。 – Roi
這個怎麼樣..
<p class="your-quote-wrapper">
<span><img src="/quote-icon-left.png"></span>Blabla blabla text<span><img src="/quote-icon-right.png"></span>
</p>
而且你的跨度是inline-block
p.your-quote-wrapper{
display:inline-block;
}
使用僞元素。但是，向我們展示您的標記會很好。 – Terry
你去了哪裏，我已經添加了一張圖片來向你展示我想要的東西 –
http://jsfiddle.net/soledar10/bmcz6uxh/ – Dmitriy