在标题内保留导航栏（无序列表）

Question

您可以在此处查看我的问题：https://jsfiddle.net/jonese1234/rnbphm4x/

问题是我的导航栏不会位于div /标题内，我尝试了很多方法，但我无法让它工作，所以我希望有人能发现我的错误。

我相信它与之相关：

.nav li {
    float:left;
    width: 25%; /* Split width appropriately */
}

.nav a:link, a:visited {
    display:block;

让每个按钮覆盖宽度的25％也是很好的，但是如果它设法将它放在div / header中，它就不会覆盖整个宽度。