[How To?] ranks - board statics

[Wazzyl]

i have a gaming community so we work with ranks for on the website but now i want it like this:

Community Leader , Section Adm... and many more

but i dont know how to fix it that it will show correctly, i want it under:

Who's Online [Complete List]
3 users active in the past 15 minutes (1 member, 0 of whom are invisible, and 0 guests).
Baidu, Google, BrEeZhEr-DuDe (below the usernames)
Community Leader , Section Admin , Admin and with colors.

how i can fix this problem? my dreamweaver sucks for doing make the script can anyone help me with it?

this is the code i have made but not works:

<style type="text/css">
.red {
	color: #F00;
}
.Yellow {
	color: #FFFF02;
}
.green {
	color: #17FF00;
}
.blue {
	color: #0073B8;
}
.light {
	color: #00F3FF;
}
.orange {
	color: #F60;
}
.grey {
	color: #C0C0C0;
}
.white {
	color: #FFF;
}
</style>
<p><span class="red">Community Leader</span> , <span class="Yellow">Section Leader</span> , <span class="green">Admin</span> , <span class="blue">Game Admin</span> , <span class="light">Overwatch</span> , <span class="orange">Member</span> , <span class="grey">Registered Player</span> , <span class="white">Guest</span></p>

[effone]

http://mods.mybb.com/view/groups-legend-2.0

[Gangsteris]

you can add Group Legend without plugins

[effone]

you can add Group Legend without plugins

http://community.mybb.com/thread-122101.html