Align text to the right, overflowing to the left for text input - HTML CSS HTML Tag

HTML CSS examples for HTML Tag:input text

  1. HOME
  2. HTML CSS
  3. HTML Tag
  4. input text

Description

Align text to the right, overflowing to the left for text input

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <style id="compiled-css" type="text/css">
input {<!--from   w  w  w  .  j  a  v  a2  s . c om-->
   width:201px;
   font-size:31px;
}

#rtl {
   direction:rtl;
   unicode-bidi:bidi-override;
}
</style> 
 </head> 
 <body> 
  <label for="ltr"> ltr <input id="ltr" value="*#02468"> </label> 
  <label for="rtl"> rtl <input id="rtl" value="*#02468"> </label>  
 </body>
</html>

Related Tutorials