bweaver.net

web design, technology, photography, and other mayhem

bweaver.net header image 4

Entries Tagged as 'web design'

Wrangling Drop Caps

March 17th, 2008 · 1 Comment

.firstp{
font-size:1.5em;
line-height:1.25;
text-decoration: none;
text-align: justify;
color: #555;
}
.firstp:first-line {
font-variant:small-caps;
}
.firstp:first-letter {
font-size:4.5em;
line-height:1;
float:left;
padding:0 .05em 0 0;
margin:-.15em 0 -.2em -.05em;
color:#aaa;
}

Setting the initial letter of a page—or chapter, or section—in larger type and dropping it down a bit into the text is similar to decorated initials common in illuminated manuscripts, such as the breathtaking Saint John’s Bible, and of course, in the world of [...]

[Read more →]

Tags: web design