Andrea dove sbaglio?
<style>
<style type="text/css">
<body>

.container {body{text-align: center}
div#container{ width: 760px;
margin: 0 auto;
text-align: left; }
div#container{position.relative;height:400px;width :160px;
background-color: #CCCCFF;}
div#container p{position.absolute;top:185px;left: 30px; width: 100px;height:30px;
font:12px Arial,sans-serif;text-align:center}
</div>


}
.split {height:1.2em;background-color: #66CC99;}
div.split h3{
margin:0;
font-size:120%;
background-color: #CCFFFF;
}
div.split h3.left {
float:left;
background-color: #0033FF;
}
div.split h3 right {float:right}
}
</style>
<div class="uno"></div>
<div class="due"></div>
<div class="tre"></div>
<div class="split">
<h3 class="left ">qui il titolo </h3>
<h3 class="right"> data</h3>

</div>
</div>
</head>
</body>
</html>