CSS problem beneath Post Title

This should be a simple CSS fix, I believe, but I'm a bit of a newb and don't know how to fix it!

Take a look at tshirtalert.com. Beneath the post Title, you'll see a line of text containing "Date | Comment | Like | Share" . I would like to move this text up so that it is directly beneath the title, and to the right of the avatar, rather than beneath the avatar.

Is there a simple fix for the css for this template to enable me to achieve this?

 

If it's not too wide to fit in that space, I'd imagine float:left on the 'post-byline' class should do it.

 

Just remove the <div class="clear"></div> that's appearing immediatly after the headline.

 

You could always use something like top:xx px;

 

CSS are used for to control the text like their font, color, size, etc., and the layout like backgrounds, margin, etc. of a website, in one single file. but we have to call it in view source file on header part of the file.