Center HTML Input Text Field Placeholder

Question

How can I centre the input field\'s placeholder\'s alignment in a html form?

I am using the following code, but it doesn\'t work:

CSS ->

inpu         


        

Answer 1

By using the code snippet below, you are selecting the placeholder inside your input, and any code placed inside will affect only the placeholder.

input::-webkit-input-placeholder {
      text-align: center
}