如何將對話框中的對話框與對話框對齊

Question

我正在嘗試將對話框中的對話框與對話框對齊，以使其看起來好像該對話框正在嘗試說些什麼。

據我所知，它不會是完美的，但我希望它是流動的，而不是絕對的，因此它在大屏幕顯示器和筆記本電腦顯示器上看起來也是一樣的。

我添加margin-left: 205px;，但似乎並沒有削減它..

例如：http://jsfiddle.net/fUway/1/

Answer 1

你可能會更好設置語音氣泡display: relative;和控制top和left屬性將氣泡精確定位在圖像上您想要的位置：

<blockquote class="oval-thought" style="position: relative; top: 250px; left: 150px;"><p>yay</p></blockquote> 
<img src="http://th00.deviantart.net/fs70/PRE/f/2010/310/7/4/super_sonic_sa2_by_mephilez-d329bcu.png" height="600" width="400"/>