Question

I’m trying to format a box to look like a “status update” like feature.
Currently, this is what it looks like.

Ideally, I would like the top right hand corner of the box to display the date and the bottom right hand corner to display “Replies”. As you can see from the picture, it doesn’t really do this.
Any help on how to do this is greatly appreciated.

My CSS code is here.
http://jsfiddle.net/hKcmu/

Thanks so much!

Answer 1

add

position: relative;

to your containing div then use

boxytest sup
{
    position: absolute;
    right: 2px;
    top: 2px;
}

boxytest sub
{
    position: absolute;
    right: 2px;
    bottom: 2px;
}

to position the date/replies.

Heres your updated Fiddle

Edit

You can use padding on the boxytest to cope with the text being too long,

this puts enough space above and below the text for the date/replies

boxytest
  {
    position: relative;
    .....
    padding: 20px 0;
  }

and this makes room on the right

boxytest
  {
    position: relative;
    .....
    padding: 20px 0;
    padding: 4px 120px 4px 0;
  }

updated Fiddle