丟棄帽和集中文本

Question

有這個問題：

我有一些居中的文本，我需要一個爲該文本實現的dropcap。我發現的所有示例都使用float：left css屬性來表示dropcap效果，它將第一個字母與左側對齊，而所有文本均居中。

任何解決此問題的方法？

感謝， Jaronimo

Answer 1

這個怎麼樣。 跨瀏覽器使用額外的標記

HTML

<p> 
<span class="dropcap">L</span> orem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tristique lobortis orci ac lacinia. 
</p> 

CSS

.dropcap {font-family:arial; float: left; color:green; font-size: 125px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; } 

演示：Demo