與CSS的首字母一致的長度？

Question

我正在嘗試執行正文文本第一段的第一個字母的縮寫。卡住的地方是在第一個字母和段落的其餘部分之間獲得一致的間距。

例如，在間距之間的「W」和「I」

任何有關於如何減少分歧任何想法了巨大的差異？我更喜歡純粹的CSS解決方案，但如果需要的話，會採用JavaScript。

PS：我不一定需要在IE兼容性或Opera

Answer 1

應用此p.outdent:first-letter：

margin-left: -800px; 
padding-right: 460px; 
float: right; 

這將定位在段落的右邊緣的第一個字母，然後將它左移一段或多或少的寬度，然後將字母和所有填充都移到浮動的大負邊距中，以使段落適合邊距並且不會環繞。

Answer 2

我使用固定寬度的字體等試圖「信使新」，由於字符是或多或少相同的寬度它使人們很少引人注目。

編輯 - 這種字體是體面的，但可能僅適用於Windows工作

p.outdent:first-letter { 
    font-family: ms mincho; 
    font-size: 8em; 
    line-height: 1; 
    font-weight: normal; 
    float: left; 
    margin: -0.1em 0 0 -.55em; 
    letter-spacing: 0.05em; 
}