首字下沉和中心文字

时间:2014-02-11 10:11:20

标签: html css web-frontend

有这个问题:

我有一些居中的文字,我需要为该文字实现一个dropcap。我找到的所有例子都使用float:left css属性作为dropcap效果,它将第一个字母对齐左边,而所有文本都保持居中。

关于这个问题的任何方式?

谢谢, Jaronimo

1 个答案:

答案 0 :(得分:0)

这个怎么样? 具有额外标记的crossbrowser

<强> 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