Sobrepor h1 em nav
Quero sobrepor um h1 em nav só que não dá, já tentei de tudo.
Peço ajuda e se possível uma explicaçãozinha.
Estou fazendo um projeto esboço pois não tenho ideia do que criar, porém estou criando um tipo de jornal com sistema de postagem que ainda irei elaborar. Porém estou estudando a estilização do site e gostaria de sobrepor esse h1 no menu que está em nav.
Só que está a ser impossível pra mim!
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jornal</title>
<link rel="stylesheet" type="text/css" href="styles/style.css" />
<h1 class="logo" align="center"><a href="/index.php">Jornal</a></h1>
<nav id="menuhead">
<ul>
<li><a href="#">Sobre</a></li>
<li><a href="#">Contato</a></li>
<li><a href="#">FAQ</a></li>
</ul>
</nav>
</head>
<body>
<div id="postagem">
</div>
</body>
</html>
@import url([https://fonts.googleapis.com/css?family=Exo](https://fonts.googleapis.com/css?family=Exo));
* {background-color:#CCC; margin: 0; padding: 0; box-sizing: border-box;}
#menuhead ul{ background:#999; height: 52px; position: fixed; top: 0; left: 0; z-index: 10; width: 100%; list-style:none;}
#menuhead ul li{display: inline; margin-left:30px; background:none; margin-bottom:10px; position:relative;}
#menuhead ul li a{ padding:5 10px; text-decoration:none; color:#FFF; font-size:18px; background:none; position:relative; top:25%; font-family:Tahoma, Geneva, sans-serif;}
#postagem { width:650px; height:1360px; background-color:#FFF; opacity: 0.8; margin:0 auto;}
#menuhead ul li a:hover {color:#665;}
.logo a{color:#FFF; text-decoration:none; font-family: 'Exo', sans-serif; font-size:40px; display: block;}
.logo a:hover { color:#333;-webkit-transition-duration: .99s;}
.logo {margin:0 auto;}Discussão (7)
Carregando comentários...