Как уменьшить границы надписи?

Question

[Balundula]

Здравствуйте!
Есть меню навигации, справа надпись "Сейчас работаем" слишком ушла влево, если уменьшить width - на съезжает влево, как можно уменьшить её границы, чтобы она была привязана справа.
https://jsfiddle.net/j7qwxcko/

Comments

[Danny Arty]

так у его родительского div-а с классом nav-content ширина 1170px. Он им и ограничен

[Balundula]

Danny Arty, Скорее всего мы друг друга не поняли. Мне нужно чтобы левая часть надписи(фона/бордера) уменьшилась, а не правая увеличилась.

[Danny Arty]

Balundula, ааа, теперь понял. Ну во-первых, у вас text-align: right,; во-вторых, у вас при этом еще и padding-left значительно больше, чем padding-right. Но при этом вы видимо хотите, чтобы текст "сейчас работаем" у вас был по центру?

[Balundula]

Danny Arty, Нет, с падингами так и должно быть, они всё-равно меньше чем размер левой части, и текст не должен быть по центру, а ближе к праву. Мне нужно просто "отрезать" небольшую левую часть фона.

[Danny Arty]

Balundula, ну дык сделайте паддинг левый меньше, не понимаю в чем проблема

[Balundula]

Danny Arty, Делаю, размер не меняется, можете сами попробовать

[Danny Arty]

Balundula, потому что p - это блочный элемент и он занимает всю доступную ширину. Можете например добавить ему display: inline-block

[Balundula]

Danny Arty, Спасибо! Помогло