Как вытянуть линию за пределы контейнера?

Question

[itsnotviktoriaaa]

Контейнер 1200px, но линию нужно вытянуть за его пределы. Как с помощью css это возможно сделать? Ещё смущает то, что сама по себе линия уходит вправо как и надо при любом масштабе экрана, она не остаётся в контейнере 1200, линия сама по себе 1920, но влево не могу сдвинуть.

Answer 1

[Сергей delphinpro]

Сделайте обертку над контейнером, которой и задайте линию.

.wrapper
  .container

.wrapper {
  border-bottom: 1px solid red;
}

Answer 2

[Илья]

Вариантов может быть много
<div class="test"></div>

.test {
	border: solid 1px #000;
	width: 300px;
	height: 200px;
	position: relative;
}
.test:after {
	content: "";
	position: absolute;
	width: 100vw;
	border-bottom: 1px solid red;
	left: -9px;
	top: 100px;
}