Adding Highlighted Box Around Members Name, Code almost done

[Goat Boy]

For Vb 3.6.4

I wanted certain usergroups to stick out in the Who's Online and Who Visited area. So I decided to try and modify a code that would put a box around the users name highlighted to stick out more. So Far I came up with this but have one problem which I will explain after the code

In Additional CSS I add

.info {
padding-left: 3px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #262525;
border-top: 1px solid #0C0C0C;
border-right: 2px solid #000000;
border-left: 1px solid #0C0C0C;
border-bottom: 2px solid #000000;
margin-bottom: 3px;
}

In user group I have added in first box <div class="info"> second box </div>

The box appears but the problem is it takes up the whole column width, What code can I add to limit the box to the users length of name.

Thanks