css_text_align.html 3.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
  5. </head>
  6. <body>
  7. <h1>text-align: left</h1>
  8. <div style="text-align: left;">
  9. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec at odio vitae libero tempus
  10. convallis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
  11. mus. Vestibulum purus mauris, dapibus eu, sagittis quis, sagittis quis, mi. Morbi fringilla
  12. massa quis velit. Curabitur metus massa, semper mollis, molestie vel, adipiscing nec, massa.
  13. <br />
  14. Phasellus vitae felis sed lectus dapibus facilisis. In ultrices sagittis ipsum. In at est. Integer
  15. iaculis turpis vel magna. Cras eu est. Integer porttitor ligula a tellus. Curabitur accumsan ipsum
  16. a velit. Sed laoreet lectus quis leo. Nulla pellentesque molestie ante. Quisque vestibulum est id
  17. justo. Ut pellentesque ante in neque.
  18. </div>
  19. <h1>text-align: center</h1>
  20. <div style="text-align: center;">
  21. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec at odio vitae libero tempus
  22. convallis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
  23. mus. Vestibulum purus mauris, dapibus eu, sagittis quis, sagittis quis, mi. Morbi fringilla
  24. massa quis velit. Curabitur metus massa, semper mollis, molestie vel, adipiscing nec, massa.
  25. <br />
  26. Phasellus vitae felis sed lectus dapibus facilisis. In ultrices sagittis ipsum. In at est. Integer
  27. iaculis turpis vel magna. Cras eu est. Integer porttitor ligula a tellus. Curabitur accumsan ipsum
  28. a velit. Sed laoreet lectus quis leo. Nulla pellentesque molestie ante. Quisque vestibulum est id
  29. justo. Ut pellentesque ante in neque.
  30. </div>
  31. <h1>text-align: right</h1>
  32. <div style="text-align: right;">
  33. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec at odio vitae libero tempus
  34. convallis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
  35. mus. Vestibulum purus mauris, dapibus eu, sagittis quis, sagittis quis, mi. Morbi fringilla
  36. massa quis velit. Curabitur metus massa, semper mollis, molestie vel, adipiscing nec, massa.
  37. <br />
  38. Phasellus vitae felis sed lectus dapibus facilisis. In ultrices sagittis ipsum. In at est. Integer
  39. iaculis turpis vel magna. Cras eu est. Integer porttitor ligula a tellus. Curabitur accumsan ipsum
  40. a velit. Sed laoreet lectus quis leo. Nulla pellentesque molestie ante. Quisque vestibulum est id
  41. justo. Ut pellentesque ante in neque.
  42. </div>
  43. <h1>text-align: justify</h1>
  44. <div style="text-align: justify;">
  45. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec at odio vitae libero tempus
  46. convallis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
  47. mus. Vestibulum purus mauris, dapibus eu, sagittis quis, sagittis quis, mi. Morbi fringilla
  48. massa quis velit. Curabitur metus massa, semper mollis, molestie vel, adipiscing nec, massa.
  49. <br />
  50. Phasellus vitae felis sed lectus dapibus facilisis. In ultrices sagittis ipsum. In at est. Integer
  51. iaculis turpis vel magna. Cras eu est. Integer porttitor ligula a tellus. Curabitur accumsan ipsum
  52. a velit. Sed laoreet lectus quis leo. Nulla pellentesque molestie ante. Quisque vestibulum est id
  53. justo. Ut pellentesque ante in neque.
  54. </div>
  55. </body>
  56. </html>