<style> /* Giving a background-color to the nav container. */ nav { background-color: #3e5062; z-index: 9999; } /* Removing padding, margin and "list-style" from the "ul", * and adding "position:reltive" */ nav ul { padding: 0; margin: 0; list-style: none; position: relative; } /* Positioning the navigation items inline */ nav ul li { margin: 0px -7px 0 0; display: inline-block; background-color: #3e5062; display: block; padding: 0 10px; color: #FFF !important; font-size: 20px; line-height: 60px; text-decoration: none; } nav ul li:hover { font-size: 25px; } /* Styling the links */ nav a { display: block; padding: 0 10px; color: #FFF !important; font-size: 20px; line-height: 60px; text-decoration: none; } /* Background color change on Hover */ nav a:hover { font-size: 25px; } /* Hide Dropdowns by Default * and giving it a position of absolute */ nav ul ul { display: none; position: absolute; top: 100%; } /* Display Dropdowns on Hover */ nav ul:hover ul { display: block; z-index: 9999; } /* Fisrt Tier Dropdown */ nav ul ul li { min-width: 170px; float: none; display: list-item; position: relative; } </style>

<nav> <ul> <li><a href="#">Mevsiminde Ye</a></li>

• Yaz
• İlkbahar
• Kış
• Sonbahar

</ul> </nav>