Eric Meyer

on CSS

cover image
Available now!

Styling a Press Release

Project 2

preview image 1 preview image 2 preview image 3
Project files
Project 2 ZIP file Project 2 StuffIt file

In the corporate world, press releases are pretty commonplace, and it's just as common to take those press releases and put them on the Web. In many cases they're posted as raw text files, which is about as boring as you might imagine. Others put up press releases with the thinnest of styling‹a font selection maybe and not much else. Wouldn't it be nicer if this information were at least pleasant to the eye, if not always the stomach?

In project 2, we take a press release (which is mostly just plain text with a few elements) and style it in two related ways. This introduces the basic concepts of text styling without introducing too many complexities in the process.

Errata

Page 36

The aside on this page should begin with "The property text-align can be used to center..." The printed text is somewhat misleading.

Page 44

In the first code block in the section "The Top of the Page," the selector in the declaration border: 1px solid black; should be in red. It's a change from the earlier border-bottom: 1px solid black; on page 43. Thus the whole code block should read:

div.release {font-variant: small-caps; text-align: center;
  margin-right: 10px; padding: 0.125em 0;
  border: 1px solid black; border-width: 1px 0;}
Page 45

The sentence "Let's reflect this by changing the color of the right border to echo the text color:" should be stricken, or at least moved to precede the first code block on the page.