h3 имеет прокрутку

Question

Почему-то мой элемент h3 хочет прокрутить. Я пробовал тестирование, и похоже, что в этом коде.

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  overflow-x: hidden;
}

html,
body {
  height: 100%;
  width: 100%;
}

.model-detail-caption {
  font-family: "Oswald";
  font-size: 5rem;
  font-weight: 700;
  color: #fff;
  position: absolute;
  bottom: 20%;
  left: 20px;
  width: 100%;
  border-left: 4px solid var(--accent);
  padding: 0px 0px 0px 10px;
}

<h3 class="model-detail-caption">Some Text</h3>

Answer 1

позиция: абсолютная; низ: 20%; слева: 20 пикселей; вызовет такое поведение.