Magazine Style Drop Caps
The magazine style
drop caps are easy using copy-and-paste code.
More ways to make the first letter big are served cut and paste style
in the CSS Drop Cap tutorial.
For this drop cap we forced the first big letter to span more than
five lines.
The font-size is adjusted to exactly 100 pixels
while the line height is 80 pixels.
Copy and paste in your Blog or Web page.
It will look like this.
Full instructions
for making the first letter big are in the Drop Cap copy and paste style tutorial.
For this drop cap we forced the first big letter to span more than five lines.
The font-size is adjusted to exactly 100 pixels
while the line height is 80 pixels.
Magazine Style Pullquotes
...this will
look like some of the pullquotes and styles we see
in magazinelayout...
The copy and paste code makes Magazine style pullquotes easy.
For the jagged edge we use right alignment and force the
bottom line not to break by putting the two words together.
We used the named colors
silver
and
gray
.
More named colors are
here.
It's easy to plug in your own colors.
Copy and paste in your Blog or Web page
It will look like this.
...this will look like some of the pullquotes and styles we see in magazinelayout...
The copy and paste code makes Magazine style pullquotes easy. Just start typing your text here. We used the named colors silver and gray.
It's easy to plug in your own colors. Just change silver and gray to your custom colors.