The headlines on this page are graphics with a class assigned that calls in a graphic as the background and uses the span tag to spell out the headline for the sight impaired, or users that don't display graphics. If you see no graphic titles at the top of the two content areas, then your browser doesn't support this.
This content is wrapped in an enclosing container called div id="container". This puts the brown outline and gradation in the background. Inside this div is another div with the id="contentA" The first letter of each paragraph in contentA will appear larger, a different color, and have a white background with a border. The first line of each paragraph will be bold.
Another paragraph in contentA. It contains a left floated image and 1
ordered list. If you're using IE, the floated image is probably behind the
ordered list and not visible. This works in most browsers so I wanted to include it. 
This page shows css styling, utilizes browser sniffing, and a hack to display pngs on IE 5.5 and 6 on pc platforms. Most of the styling has been done in the css. If pngs and css were displayed correctly in IE 5.5 and 6 on the pc, then this code could be pretty much bare bones html. For a page that only uses styles and images that work in all browsers, (without the php, javascript, transparent pngs) go to the simple CSS page.
Back to learn/CSS
Content B area
"This is a blockquote" Designers and Graphic Artists should stop slicing up photoshop files to get control over their layout and embrace CSS. Unfortunately, some additional coding was necessary to get transparent .pngs to display on Internet Explorer 5.5 and 6 on PCs. Hopefully Microsoft will fix this very soon, or you will switch to a more current browser.
CSS allows us control freak designers to keep most of the styling out of the html and into the CSS.
