<input 
  type="text" 
  style="height: 35px; 
         width: 200px;                          padding: 0 12px;" 
  placeholder="i am a placeholder" 
/>

<input 
  type="text" 
  style="height: 35px; 
         width: 200px;                          padding: 0 12px;" 
  placeholder="i am a placeholder i am a placeholderi am a placeholder" 
/>
input:placeholder-shown {
  font-size: 20px;
  text-overflow: ellipsis;
}
input::placeholder {
  color: red;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.