Как выйти за границу .container?

Question

Есть заголовок с линией под ним, которая начинается слева от контейнера, а заканчивается в правом краю экрана:

Answer 1

.container{
  width: 300px;
  border: 2px solid blue;
  padding: 10px;
}
h2{
  border: 2px solid black;
  padding: 5px;
  margin: 5px 0;
}
.line{
  content: "";
  width: 100%;
  height: 3px;
  background: red;
  float: left;
  position: absolute;
}

<div class="block">
  <div class="container">
  <h2>Heading</h2>
  <div class="line"></div>
  </div>
</div>

БЛОГ НА HUSL

Как выйти за границу .container?

Ответы (1 шт):