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 [...]
Entries Tagged as 'web design'
Left-Align Lists With Margin Bullets
October 25th, 2008 · No Comments
Tags: 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 [...]
Tags: web design
