topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

basic-css-06-Tr-It-Out-example6-2.htm / htm



  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  <html>
      <head>
          <title> Albert Einstein </title>
          <style type='text/css' media='all'>
              * {
                  font-family: sans-serif;
              }
              p::first-letter {
                  font-size: 200%;
                  background-color: lightgray;
                  border: 1px solid black;
              }
              p::first-line {
                  letter-spacing: 5px;
              }
  
              /* :: before and ::after */
  
              h1#top::before, h1#top::after {
                  content: "::";
              }
  
          </style>
      </head>
      <body>
              <h1 id='top'>Albert Einstein</h1>
              <p>
                You see, wire telegraph is a kind of a very, very long cat. 
                You pull his tail in New York and his head is meowing in Los 
                Angeles. Do you understand this? And radio operates exactly 
                the same way: you send signals here, they receive them there. 
                The only difference is that there is no cat.
              </p>
      </body>
  </html>
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.