<style>
body {
  margin: 10px;
}
input {
  font-family: Ahem;
  font-size: 28px;
  border-color: transparent;
  height: 20px;
  width: 500px;
}
input::placeholder {
  color: red;
}
.ref {
  width: 500px;
  height: 20px;
  background-color: green;
  position: absolute;
  left: 10px;
  top: 10px;
}
</style>
<input type="text" placeholder="PASS if this is clipped (gjpy)">
<div class=ref></div>
