Tooltip content left aligned - how do I do that?

I have a rather large tooltip I would like to have an ordered list in, which should be left aligned.
As a default the tooltip is centered.
I've tried a few things, but I can't make it work as it should.
I've tried setting a class on the box, but that didn't seem to affect the list, neither did the 'Style', I've tried adding this:

<ol class="gtooltipleft"><li>Enkeltperson medlemsskab (afhænger af alder, over/ under 18).</li>
<li>Familie medlemsskab, det bedste valg hvis man er 2 eller flere der skal være medlem.</li>
<li>Støtte medlemsskab, hvis man vil støtte klubben, og deltage i de sociale arrangementer, giver ikke adgang til dyk og svømmehal.</li></ol>

and then place a Load CSS with this:
.gtooltipleft {vertial-align: left!important;}
But it's still all centered.

That made it look very nice, thankyou!