Parent 100% and child wider

by André Masson

HTML

<div class="parent">
  <div class="child">
    Here is a long, but when I say long I mean extremely long text that should normally wrap around and you see it on the next line and then you know it's too long.
    Then we have another line here
  </div>
</div>

CSS

.parent {
  width: 80%;
  overflow: auto;
  border: 1px solid grey;
}

.child {
  color: red;
  white-space: pre;
}