I recently tried to use some animations in my design and I checked some nice examples as inspiration, like this: "Inspiration for Text Input Effects". Some of them had the text centered.

enter image description here

enter image description here

I know it is just an example to illustrate the animation, but I was wondering if it is any case when it is a good idea to center the text in a field and not to let the user write from left to right (on mobile, if the value is limited to a small number of characters or anything else). What do you think?

  • @Alvaro My question is not related to the labels, is about the alignment of the text inserted. Jan 20, 2017 at 13:05

2 Answers 2


The only reason I can think of to modify the paradigm of entering text on an input from left to right (in a LTR language) is when it helps to visualize the output.

For example it might be helpful when entering text for the subtitles of a film, because these are commonly centered, and the user can see the output as the text is entered.


When you have something like a five digit pincode that for aestethical purpose consists out of five actual inputs (for spacing and border for example), it's quite okay to use centered text inside the input.

The problem is with the way the human eye scans a form.
In a vertical form the eye shoots to the start of every new line. Inputs with centered text are therefor harder to scan. In a serious form this could harm conversion.

So yes, I think you can use centered text in inputs and forms, but only on those rare occassions where it suits the design.

  • Maybe I don't understand your answer correctly, but a pin code is basically an input type password and even you insert it with a mask or in four different fields, why insert it from the center? Jan 20, 2017 at 13:03
  • I'm thinking about an image in this question stackoverflow.com/posts/comments/70516979?noredirect=1 Jan 20, 2017 at 13:09
  • Exactly, the text is inserted from left, see the implementation (the top voted answer). Jan 20, 2017 at 13:12

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.