Настройка единой таблицы стилей в зависимости от локали

У меня есть переведенный текст, который я хочу сделать абсолютным позиционированием. У меня есть слово NEW на английском и NOUVEAU на французском языке. Я хочу, чтобы слово появилось в центре ниже графика. Поскольку слова разные длины, я думал, что лучший способ (уродливый) - сделать абсолютное позиционирование. Я хотел бы установить left: значение NEW и другое значение для NOUVEAU в зависимости от того, является ли locale en или fr.

Вот код на мой взгляд:

<p class="header-new1"><%= "#{t :new_landing}" %></p>

Вот мой текущий код CSS, который помещает NOUVEAU, где я хочу, чтобы он позиционировался:

.header-new1 {
    text-transform: uppercase;
    text-align: center;
    padding-top: 5px;
    color: @red;
    font-size: 143%;
    font-weight: bold;
    position: absolute;
    top: 450px;
    left: 652px;
}

Я читал много разных решений, но ни одна из них не соответствовала моей ситуации. Я надеюсь найти способ, которым мне не придется создавать отдельный CSS-код для каждой локали и проверять локаль в моем представлении. Если есть более чистый способ сделать это, я был бы признателен за помощь.