Space between top of Avatar and Online button

I need to put a space between the top of the avatars in posts to separate the Online button from the Avatar. The top of the avatar is touching the bottom of the Online button. The online button 91 wide x 29 high and the avatars are max 150 wide, so there isn't enough room for both of them to fix directly side by side. If I could push the avatar down some then the Online button could fit on top of the avatar. So what I need is a code to place the online button on top of the avatar, or just a code to push the avatar down. It would be nice to center the Online button above the Avatar if you can write the code that way. Whatever you can come up with would be appreciated.

thanks

Code:


.postprofile dt img {
  margin-top: 10px;
}


This is based off the fact your profile says phpbb3

Thank you, yes I'm using phpbb3.

I used this code below yesterday and its working fine. Whats the difference in these codes, what does the dt img do in your code that this code doesn't do? Should I be using the code you posted instead? Like I said this code works and I noticed no problems with it yet. What advantages (if any) would I have in using the code you posted?

Code:

.postprofile {
    margin-top: 22px !important;
    }

My code moves the avatar down a little, and your code pushes the whole post profile block a little.

With your problems may occur when posts are very short and the main content of the post is less in height than the post profile. Also your code may have negative effects on the topic review and pm areas.

So mine tackles the direct element you want to move. Up to you really, it doesn't make a difference if none of the problems above occur.

Ok thanks