Articles
Home | topic: Spotlight | Drop Caps

Drop Caps

drop caps

Magazines use the drop cap technique and CSS2 includes the first-letter pseudo class, but we want more control and we want to use use inline style so we are using a span to make the first letter of the paragraph big.

source: mandarin design

CSS

.dropcap
{
float:left;
color:#D4D4C7;
line-height:70px;
padding-top:2px;
font:100px Times, Georgia, serif;
}

HTML

<span class="dropcap">T</span>his starts with a dropcap.

Note that IE will cut the drop cap if line height is too small.

More at mandarin design, html dog and armen’s alpha design.


Drop Caps
typography . 1440

on May 7


Spotlight

Personal invoked posts and comments about everything and nothing. | Archives

milo317¯

is a graphic and web designer based in Munich, who works with clients to create cutting edge web design. View portfolio or read on...

More in Spotlight (3 of 643 articles)


3oneseven

Echinger str | 80805 Munich | Germany

milo [at] 3oneseven [dot ] com - 3oneseven.com

+49 173 4298898


milo creative

design & strategy

3oneseven is the interactive design portfolio of Munich based designer milo. View portfolio...

solutions

Web design focusing on user experience, brand identity, & best practices for the Web.

get in contact

If you would like to find out more, or get in touch, use my contact form...


Get in contact
  • 3oneseven
  • Echinger str
  • 80805 Munich | Germany
  • T: +49 173 4298898
  • Copyright © 3oneseven
  • All rights reserved.