0

I have created a style with fully functional menu in the header. The header ends with the border-bottom.

When I add following lines to style.css to change the menu appearance:

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

then the menu changes its position below the border-bottom of the header. enter image description here

I do not understand, I follow strictly the guide on https://www.youtube.com/watch?annotation_id=annotation_4149774805&feature=iv&index=4&list=PLpcSpRrAaOaqMA4RdhSnnNcaqOVpX7qi5&src_vid=k7olvEeBM2I&v=AShql_Ap1Yo

Thank you.

0

Try using display instead of float:

.site-nav ul li {
    list-style: none;
    display: inline;
}

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.