bweaver.net

Left-align lists with bullets in the margin
Though Firefox allows you to move bullets out of the list’s div, Internet Explorer does not. In IE, bullets are clipped if they are moved out of the box.
However, by including an image at the beginning of the list items, then using CSS to align the remainder of the [...]

[Read more →]

.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 →]