dynamic-underline-vertical-align-standards-2-ref.html 394 B

1234567891011121314151617181920212223
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. .underline {
  6. text-decoration: underline;
  7. }
  8. .align-bottom {
  9. vertical-align: bottom;
  10. }
  11. .align-top {
  12. vertical-align: top;
  13. }
  14. </style>
  15. </head>
  16. <body>
  17. <p class="underline">
  18. <span class="align-bottom">This line has only a bottom vertical align span.</span> <br />
  19. <span class="align-top">This line has a top vertical align span.</span>
  20. </p>
  21. </body>
  22. </html>