text_alignment.rml 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <rml>
  2. <head>
  3. <title>Text-alignment property</title>
  4. <link type="text/rcss" href="../style.rcss"/>
  5. <meta name="Description" content="Text-alignment property for inputs."/>
  6. <style>
  7. body {
  8. background: #ddd;
  9. color: #444;
  10. }
  11. input.text, textarea {
  12. display: block;
  13. margin: 10dp auto;
  14. border: 2dp #999;
  15. padding: 5dp 10dp;
  16. box-sizing: border-box;
  17. width: 250dp;
  18. background-color: #fff;
  19. }
  20. </style>
  21. </head>
  22. <body>
  23. <input style="text-align:left" value="left aligned"/>
  24. <input style="text-align:center" value="center aligned"/>
  25. <input style="text-align:right" value="right aligned"/>
  26. <textarea style="text-align:left" rows="3">left aligned overflow overflow overflow overflow
  27. line-break</textarea>
  28. <textarea style="text-align:center" rows="3">center aligned overflow overflow overflow overflow
  29. line-break</textarea>
  30. <textarea style="text-align:right" rows="3">right aligned overflow overflow overflow overflow
  31. line-break</textarea>
  32. <textarea style="text-align:left" rows="3" wrap="nowrap">left aligned nowrap nowrap nowrap nowrap nowrap</textarea>
  33. <textarea style="text-align:center" rows="3" wrap="nowrap">center aligned nowrap nowrap nowrap nowrap nowrap</textarea>
  34. <textarea style="text-align:right" rows="3" wrap="nowrap">right aligned nowrap nowrap nowrap nowrap nowrap</textarea>
  35. <textarea style="text-align:left" rows="1" wrap="nowrap">left
  36. line-break</textarea>
  37. <textarea style="text-align:center" rows="1" wrap="nowrap">center
  38. line-break</textarea>
  39. <textarea style="text-align:right" rows="1" wrap="nowrap">right
  40. line-break</textarea>
  41. </body>
  42. </rml>