[Solved] Can’t seem to get my navigation bar next to my logo [closed]


You have to make lots of changes in css.

First you have give long width of .headerContent decrease it or remove it make next to logo.

Then use display:inline-block.

Give following css:

.headerContent > a {
    display: inline-block;
    vertical-align: top;
}


.nav {
    background: #0000ff none repeat scroll 0 0;
    display: inline-block;
    height: 40px;
    vertical-align: top;
}

.nav ul li{
    list-style: none;
    float: left;
}

Working Fiddle

6

solved Can’t seem to get my navigation bar next to my logo [closed]