JSFiddle - React, Tailwind, and code Playground

by joaolvcm

HTML

<input placeholder="Hi! How are you?               I'm fine thank you"/>

CSS

input{
  height:20px;
  width:150px;
}


@media (max-width: 500px) { 
  input::-moz-placeholder{
    text-indent:-155px;
  }
  input::placeholder{
    text-indent:-155px;
  }
}