css_baseline.html 937 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
  4. <title></title>
  5. <style type="text/css">
  6. body {
  7. /*text-decoration: underline;*/
  8. font-size: 50px;
  9. }
  10. #one span {
  11. vertical-align: baseline;
  12. }
  13. #two span {
  14. vertical-align: top;
  15. color: green;
  16. text-decoration: underline;
  17. }
  18. span.first {
  19. font-size: 2em;
  20. text-decoration: underline;
  21. }
  22. span.second {
  23. font-family: sans-serif;
  24. font-weight: bold;
  25. color: rgb(255, 66, 0);
  26. font-style: italic;
  27. text-decoration: underline;
  28. }
  29. span.third {
  30. font-family: sans-serif;
  31. font-size: 1em;
  32. text-decoration: underline;
  33. }
  34. </style>
  35. </head>
  36. <body>
  37. <p id="one">
  38. <span class="first">(enter </span><span >your </span><span class="second">text</span><span class="third"> here)</span>
  39. </p>
  40. <p id="two">
  41. <sup>sup</sup>test<sub>sub</sub>
  42. </p>
  43. </body>
  44. </html>