[dreamingdesigner]

Currently I have this piece of code:

<div class="info-post">
<div class="info-post-user">1/10/2008 351 scholio</div>
<div class="info-post-back"><a href="javascript:history.back()">Terug</a></div>
<div class=clearboth></div>
</div>

with this css:

.clearboth {    clear:both;}
.info-post {
    margin-top:5px;
    padding: 5px;
    background: #90a8ae;
}
.info-post-user {
    float:left;
    width:490px;
    font-size: 1.3em;
    line-height: 1.4;
}
.info-post-back {
    float:left;
    width:100px;
    font-size: 1.3em;
    line-height: 1.4;
    text-align:right;
}

to display this:



In my opinion that is a bit too much code to display something so simple.
I've been trying to optimise the code, but so far I've been unable to make it show up as the image above..

So I'm wondering if any of you have any idea if I can optimise my code and how to do it.