Mobile - Input widget with label and input inside

How would I do this? 

Input widget with label and input space. Please see the attached photo for better understanding. Thank you

Hi Jan,

You can use CSS with input-placeholder to align center... maybe fill with spaces

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

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

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

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



This properties is supported in placeholder:

  • font properties
  • color
  • background properties
  • word-spacing
  • letter-spacing
  • text-decoration
  • vertical-align
  • text-transform
  • line-height
  • text-indent
  • opacity


I did try on word-spacing: