CodePen

HTML

            
              		<header>
    <nav>
							<ul>
								<li><a alt='novinky' href='novinky.html'>Novinky</a>|</li>
								<li><a alt='fairtrade' href='novinky.html'>Fair trade</a>|
									<ul>
										<li><a alt='' href='novinky.html'>Info</a></li>
										<li><a alt='' href='novinky.html'>Predajné miesta</a></li>
										<li><a alt='' href='novinky.html'>Odkazy</a></li>
									</ul>
								</li>
								<li><a alt='o nás' href='novinky.html'>O nás</a></li>
							</ul>
						</nav>
      
      <p>Paragraph</p>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              header nav ul li > ul{
	display: none
}

header nav ul li:hover > ul{
	display: block
}

header nav ul li > ul li{
	margin: 0;
	line-height: 50px;
	display: block;
	position: relative;
}

header nav{
	text-align: right;
	display: inline-table;
	line-height: 105px;
	font-family: 'Open Sans Light', sans-serif;
	font-size: 25px;
}

header nav a{
		font-family: 'Open Sans Light', sans-serif;
	font-size: 25px;
	color: black;
	margin: 15px;
}

header nav ul:after{
	content:'';
	clear: both;
	display: block;
}

header nav a:hover{
	color: grey;
}

header nav ul li{
	display: block;
	float: left;
}

header nav ul ul{
	margin-top: 5px;
	display: block;
	width: 150px;
	background-color: rgba(255,255,255,0.8);
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................