Дисплей: таблица и выравнивание текста по правому краю не работают

У меня есть html-структура вроде этой:

<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>

И я бы хотел, чтобы campainText был правильным -выровнять. CSS для этого элемента следующий:

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;

Я знаю, что остальная часть CSS работает. Проблема в том, что текст выравнивается по левому краю, если я включаю параметр таблицы в поле отображения. Как только я удалю это, все заработает, как ожидалось. Существуют ли какие-либо обходные пути для этого или мне нужно использовать теги display: inline и
?