JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" class="number" placeholder=" 1.)" >

CSS

.number { text-align:center; }
::-webkit-input-placeholder {
   text-align:left;
}

:-moz-placeholder { /* Firefox 18- */
   text-align:left;
}

::-moz-placeholder {  /* Firefox 19+ */
   text-align:left; 
}

:-ms-input-placeholder {  
   text-align:left;
}