Пришло время писать CSS
Для начала, дайте каждому div
бордюр. Например div {border:1px dotted gray; padding:.5em}
Это поможет вам видеть где они расположены и как вложены друг в друга.
Напишите CSS правила для элементов <html>
, <body>
, <p>
, <h1>
, <h2>
, <ul>
, <li>
, и подобных.
Используйте контекстные или наследуемые селекторы CSS где это возможно. Это поможет сохранить разметку более простой. Для примера #subnav li{border:1px solid black; padding:.5em; display: inline}
затронет только элементы списка находящиеся внутри панели навигации отмеченной id="subnav"
.
Тестируйте ваши правила CSS в разных браузерах, попробуйте найти их как можно больше, попросите ваших друзей протестировать ваши страницы.