Uma gota cap é quando a primeira letra de um número é maior do que a média do tamanho das letras e que letra 'cai' no 2 (ou mais) linhas. Você pode realmente ver este exemplo que é dado abaixo à direita, nesta imagem.

E basta adicionar o seguinte código:

  span. dropcaps ( 
  ; font-family: Georgia, serif; 
  ; color: # ccc; 
  ; font-size: 46px; 
  ; float: left; 
  ; font-weight: 400; 
  ; line-height: 1em; 
  .4em ; margin-bottom: -0 .4 in; 
  .09em ; margin-right: 0 .09 em; 
  ; position: relative; 
  ) 

Adicionar A Span

Finalmente estamos a fazer. criámos uma Criar Drop Caps efeito. Ver Exemplo

Arquivado sob: Css, Tutorials por admin