Icon next to username

[ibaker]

I am having trouble placing an icon next to the username in the "Staff Online Now" box...no matter what I do it is placing the icon under the username and not next to it.

This is my code:

<xen:username user="$user" rich="true" />
 
<a href="javascript:X('{$user.username}')"><img src="../images/X.png "></a>
 
<div class="userTitle">{xen:helper userTitle, $user}</div>

This is what I end up with:

I can't find what class it is using or what is directing the img to be on the next line instead of nest to the username...any suggestions?...Thanks

 

[Paul B]

Use float or span.

 

[optrex]

dont worry, brogan suggestion better

 

[ibaker]

Thanks Brogan, I tried span but that didn't work:

<span>
    <xen:username user="$user" rich="true" />
    <a href="javascript:X('{$user.username}')"><img src="../images/X.png "></a>
</span>

 

[ibaker]

Tried float:
This placed the icon on the left of the username:

<span style="float:left;">
    <a href="javascript:X('{$user.username}')"><img src="../images/X.png "></a>
</span>
<xen:username user="$user" rich="true" />

And have tried other variants to get it to display on the right of the username but with no luck