Vorrei creare il menu orizzontale nel riquadro giallo solo che il testo non viene formattato orizzontalmente ma verticalmente..
HTML:
<html>
<head>
<title>Corrente è kitammuort</title>
<link rel="stylesheet" href="testo.css">
</head>
<body>
<div id="logo">
<ul id="menu">
<li><a href="#chisono">Chi sono</a></li>
<div style="clear: both"></div>
<li><a href="#amore">Amore</a></li>
</ul>
</div>
<div id="contenitore">
<div id="area1"><p>Box 1</p></div>
<div id="area2"><p>Box 2 </p></div>
<div id="area3"><p>Box 3</p></div>
<div id="area4"><p>Box 4</p></div>
</div>
<div style="clear: both"></div>
<p> Il mio nome è </p>
</body>
</html>
CSS:
#contenitore{
width:auto;
height:600px;
background-color:#F5F5F5;
}
#area1{
margin:5px;
padding:120px;
background-color:#e3f4fc;
width:150px;
float:left;
}
#area2 {
margin:5px;
padding:120px;
background-color:#deeff7;
width:150px;
float:left;
}
#area3{
margin:5px;
padding:120px;
background-color:#def6f7;
width:150px;
float:left;
}
#area4{
margin:5px;
padding:120px;
background-color:#e3f4fc;
width:150px;
float:left;
}
#logo{
padding:35px;
height:auto;
background-color:yellow;
}
#menu li{
display: inline;
float:right;
}