html - Css initial caps -


i have problem initial caps(first letter big).

see here

.article {     text-align:justify;     text-wrap: unrestricted;     -moz-column-count:3; /* firefox */     -webkit-column-count:3; /* safari , chrome */     column-count:3; }  .article:first-letter {     font-size:38px;     float:left;     line-height: 38px; } .article:first-line { line-height: 100%; } 

first: in firefox letter moved supertext. tried using vertical-align no succes. noticed renders in firefox.

second: want caps 40px high(they 38px right now). when add 2 pixels, third line in small text indented too. why? make space unusual letters fall below text (like j)?

i think can tweak margin of :first-letter pseudo-class.

js fiddle


Comments

Popular posts from this blog

blackberry 10 - how to add multiple markers on the google map just by url? -

php - guestbook returning database data to flash -

delphi - Dynamic file type icon -