gli span sono detti elementi inline e di conseguenza seguono il flusso regolare del documento,
se vuoi dargli una dimensione o posizione devi renderli elementi di blocco come i p e i div
a questo punto magari è meglio usare elementi già di blocco come i p e il tuo codice potrebbe essere qualcosa del genere
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
.head {
position: absolute;
top: 50px;
left: 50px;
width: 500px;
height: 300px;
color: #0000FF;
background-color: #FF0000;
}
.head p {
margin: 0;
padding: 0;
float: left;
margin-right: 50px;
background-color: #00FF00;
}
</style>
</head>
<body>
<div class="head">
aaa</p>
aaa</p>
aaa</p>
</div>
aaa</p>
aaa</p>
</body>
</html>