Untitled

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>example</title>
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
<![endif]-->
<!--[if lt IE 9]>
<script>
(function(a){for(var i in a){document.createElement(a[i])}})(['header', 'footer', 'section', 'article', 'aside', 'time', 'hgroup'])
</script>
<![endif]-->
<style>
body {
    background: #fff;
    color: #000;
    font-family: 'century gothic', arial, sans-serif;
    margin: 0;
    text-align: center;
}
h1 {
    font-weight: normal;
    font-size: 13pt;
    text-transform: uppercase;
    letter-spacing: .5em;
    margin: 32px auto;
    text-shadow: 1px 1px 2px #888;
}
footer {
    color: #888;
    font-size: 9pt;
    margin: 32px auto;
    text-shadow: 1px 1px 2px #ccc;
}
</style>
</head>
<body>
<h1>example</h1>
<footer>footer</footer>
</body>
</html>