css仿word首字下沉效果示例

<p><span class="firstcharacter">L</span> orem ipsum dolor sit amet, consectetur adipiscg elit. Mauris tristique lobortis orci ac lacia. Fusce eu purus eget diam vehicula auctor nec eu elit. Morbi consequat facilisis orci vel malesuada. Donec ultrices molestie sollicitud. Aliquam pharetra libero enim. Donec et suscipit massa. Donec dui odio, dignissim non sodales et, tcidunt a sapien. Phasellus elit nibh, adipiscg sed blandit vel, terdum et arcu.</p>
.firstcharacter {
float: left;
color: #903;
font-size: 75px;
le-height: 60px;
paddg-: 4px;
paddg-right: 8px;
paddg-left: 3px;
font-family: Geia;
}
<p>Lorem ipsum dolor sit amet, consectetur adipiscg elit. Mauris tristique lobortis orci ac lacia. Fusce eu purus eget diam vehicula auctor nec eu elit. Morbi consequat facilisis orci vel malesuada. Donec ultrices molestie sollicitud. Aliquam pharetra libero enim. Donec et suscipit massa. Donec dui odio, dignissim non sodales et, tcidunt a sapien. Phasellus elit nibh, adipiscg sed blandit vel, terdum et arcu.</p>
p:first-child:first-letter {
float: left;
color: #903;
font-size: 75px;
le-height: 60px;
paddg-: 4px;
paddg-right: 8px;
paddg-left: 3px;
font-family: Geia;
}