HTML/CSS - а так??? Online Editor and JavaScript Compiler

html

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset=utf-8>
        <title >GOGA</title >
    </head>
    <body>
        <header>
        <h1>GOGA </h1> <!-- убрал <h1> из <p>)))))-->
        </header>
        <nav>
            <ol>
                <li><a href="http://vk.com">ВКонтакте</a> 
<!-- ссылки не сработают без "" и http))) исправил -->
                </li>
                <li><a href="http://ok.ru">Одноклассники</a>
                </li>
                <li><a href="http://spaces.ru">Spaces </a>
                </li>
            </ol>
        </nav>
        <table>
            <tr>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>

css

body {
    margin:0;
    padding:7px;
    height:100%;
}
h1 {
    font-family:Times;
    font-size:80px;
    font-style:oblique;
    color: red;
    text-align:center;
    border:5px solid  red;
}
/* можно еще добавить */
h1 {
    margin:calc(10em - 10em) calc(10vw - 0.1em);
    padding:0;
    display:inline-block;
    border-radius:18px;
}
a {
    color: red;
}
a:hover {
    color:  #000000;
};
/* хотя сам смотри))))) */

BROWSER

Console