como movimentar o meu texto dentro de uma <div>.
Eu quero movimentar o nome dentro da ,quero colocar ele em baixo do lado direito eu até consegui colocar do lado direito com float:right: mas não consigo deixar mais em baixo.
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title></title>
</head>
<body>
<div id="header"></div>
<div class="left"></div>
<div class="right">
<p>Iago Lima.</p>
</div>
<div id="footer"></div>
</body>
</html>
CSS
div{
border-radius: 5px;
}
#header {
z-index: 1;
position: absolute;
width: 97.5%;
margin-top: -20px;
height: 60px;
background-color: #00CED1;
margin-bottom: 10px;
}
.left {
position: relative;
float: left;
margin-top: 50px;
width: 10%;
height: 400px;
background-color: #FF4500;
margin-bottom: 10px;
}
.right {
position: relative;
float: right;
margin-top: 50px;
width: 88%;
height: 400px;
background-color: #54FF9f;
margin-bottom: 10px;
font-family: Arial Black;
}
#footer {
position: relative;
height: 50px;
background-color: #00CED1;
clear: both;
font-family: Verdana, sans-serif;
font-size: 14px;
text-align: center;
color: #ffffff;
}
.right p{
float: right;
}