Can anyone explain why my ul
element disappears when I apply the float: right
property in CSS?
I'm currently working on the navigation for a website project.
You can view the code snippet on CodePen by following this link:
https://codepen.io/maximo890/pen/JygeVr
CSS
/*-----------------------------------*/
/* HEADER */
/*-----------------------------------*/
header {
background-color: #de654e;
}
.logo-link h1 {
font-family: "lobster", sans-serif;
font-size: 42px;
padding: 2% 0 2% 6%;
display: inline-block;
}
.menu-navigation li {
display: inline-block;
float: right;
color: #fff;
}