Totally Compliant Markup

Inspired by a friend:

xhtml at its finest

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

  <title>unobtrusive css</title>

  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

  <style type='text/css'>

    .table { display:table; }

      .tr { display:table-row; }

        .td { display:table-cell; }

    .blue { color:blue; }

    .bold { font-weight:bold; }

    .verdana { font-family:verdana; }

    .hand { cursor:pointer; }

  </style>

</head>

<body>

  <div class='table'>

    <div class='tr'>

      <div class='td'>

        <span class='verdana bold'>My First Tableless Website!</span>

      </div>

      <div class='td'>

        <span class='verdana'>To See More Information on how to 

        make your first website...</span>

      </div>

      <div class='td'>

        <span class='verdana blue hand' 

        onclick="window.open('http://www.example.com');">

          click here

        </span>

      </div>

    </div>

  </div>

</body>

</html>

Any questions?

follow me

i am dustin diaz

Totally Compliant Markup

xhtml at its finest

recent

Get JS Design Patterns

this is who i am