Display: table et text-align droit de ne pas travailler

J'ai un html-structure comme ceci:

<div class="campain">
    <div class="campainText">
        <a href="#"><h2>Ny app til iPhone og iPad</h2></a>
        <a href="#"><h2>Tips og vinn</h2></a>
    </div>
    <div class="campainPicture">
        Picture goes here
    </div><div class="clear"></div>
</div>

Et j'aimerais le campainText à aligner à droite. Le css pour cet élément est présent:

font-family: 'Spinnaker', sans-serif;
font-size: 17px;
color: #FFFFFF;
background-color: #A2AD00;
display: table;
padding: 4px;
margin: 4px 4px 4px 4px;
text-decoration: none;

Je sais que le reste de la css est de travail. Le problème est que le texte est aligné à gauche, si je comprend que la table-option affichage-champ. Dès que je l'ai enlever, il fonctionne comme prévu. Existe-il des solutions de contournement pour cela, ou dois-je utiliser display: inline et <br /> tags?

InformationsquelleAutor OptimusCrime | 2011-10-14