Szukam Pomoc - Legenda Rang

Potrzebuję pomocy, mam ten javascript

<script language="JavaScript">
<!--
function ShowHide(name)
{
   var Obj = (document.getElementById) ? document.getElementById(name) : document.all[name];
   if(Obj != null) Obj.style.display = (Obj.style.display == "none") ? "" : "none";
}
-->
</script>

i ten kod w legendzie rang

<a href="javascript:ShowHide('okinko');"> <span style="color: #FFF;"><strong><font color="teal">Admin Counter-Strike 1.6</font></strong></span></a>

<div id="okinko" BORDER style="display: none;">
<br />
<b><a href="index.php?action=viewgroups&gid=22" title="Aby zdobyć tę rangę musisz spełniać wymagania na admina COD"><font color="#00CCFF">COD</b></a></font> |
<b><a href="index.php?action=viewgroups&gid=23" title="Aby zdobyć tę rangę musisz spełniać wymagania na admina JB"><font color="#0099CC">JB</b></a></font> |
<b><a href="index.php?action=viewgroups&gid=26" title="Aby zdobyć tę rangę musisz spełniać wymagania na admina CTF"><font color="#6699FF">CTF</b></a></font> |
<b><a href="index.php?action=viewgroups&gid=27" title="Aby zdobyć tę rangę musisz spełniać wymagania na admina HS"><font color="#008080">HS</b></a></font> |
<b><a href="index.php?action=viewgroups&gid=27" title="Aby zdobyć tę rangę musisz spełniać wymagania na admina 4MAPS"><font color="#364866">4MAPS</b></a></font>
</div>

Wszystko jest super, ale wygląda to tak:


A chcę żeby to wyglądało tak np.:


Co muszę dodać tutaj:

#okinko
{

}

Żeby wyglądało to podobnie ?

+ za każdą sensowną wypowiedź

Chodzi Ci o wyrównanie do lewej?

To co musisz googlować z dopiskiem css:
background
color
padding
text-align

Możesz użyć tego poradnika: https://webboard.pl/thread-45824.html aby zobaczyć jak to jest zrobione na stronie, na której robiłeś ss.