empty css selector placeholder

by ShaCP

HTML

<div class="text_area_multilineplaceholder">
<textarea id="num" required rows="5" cols="32"></textarea>
<div class="multiline_placeholder">
</div>
</div>

CSS

textarea:invalid ~ .multiline_placeholder::before {
    content: "1\A 1\A 1\A 1\A 1\A 1\A 1\A 1\A 1\A 1\A 1\A 1";
    white-space: pre;
    font-size: inherit;
    font-family: inherit;
    color: gray;
    position: absolute;
    top: 0;
    font: 400 13.3333px Arial;
}

.multiline_placeholder {
  pointer-events: none;
  user-select: none;
  }

.text_area_multilineplaceholder {
  position: relative;
  overflow: auto;
  display: inline-grid;
}