html - Css initial caps -
i have problem initial caps(first letter big).
.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.
Comments
Post a Comment