html {
  background:   #600000;
}

body {
  margin:       2em;
  padding:      1em;
  background:   #FFFFF8;
}

span#title:before { content: "Text? What Text?" }

span#head:before  { content: "Why Put Text in HTML Files?" }

span#t1:before    { content: "Really, when it's simple to remove text from HTML files, why not?" }
span#t2:before    { content: "Okay, maybe it's not the best idea in the world." }
span#t3-1:before  { content: "But it " }
span#t3-2:before  { content: "is"; font-style: italic; }
span#t3-3:before  { content: " amusing." }

span#explanation:before {
  font-family:  "Century Gothic", Arial, Helvetica, sans-serif;
  font-weight:  bold;
  color:        #000060;
  content: "If you look at this page's HTML source, you won't find any of this text. It's all in the CSS file. We use a combination of IDed <span> tags, :before pseudo-selectors, and the content property to insert text in the appropriate places."
}

.invisible {
  display: none;
}