Как расширить цветную рамку до краев? ⇐ CSS

[Anonymous]

Код: Выделить всё

.output-container {
background: #333;
color: #fff;
padding: 1rem 1;
width: 100%;
top: 0;
z-index: 1000;
text-align: center;
}

Класс только что добавлен в ; однако я хочу, чтобы серая часть текста простиралась до краев экрана, но я не могу просто увеличить значение ширины, поскольку текст и поле связаны друг с другом, поэтому это увеличивает степень правости текста. идет.
Я попробовал увеличить значение ширины в классе; однако это привело к тому, что и текст, и фон были расширены вправо, текст отображался неправильно, а левая часть серого фона осталась неизменной.

Подробнее здесь: https://stackoverflow.com/questions/786 ... -the-edges