vertical-align-length1.html 573 B

12345678910111213141516171819202122232425262728
  1. <!DOCTYPE HTML>
  2. <script src="resources/text-based-repaint.js"></script>
  3. <script>
  4. function repaintTest()
  5. {
  6. document.getElementById('target').style.verticalAlign = '50px';
  7. }
  8. window.onload = runRepaintAndPixelTest;
  9. </script>
  10. <style>
  11. body {
  12. margin: 0;
  13. }
  14. .other {
  15. width: 20px;
  16. height: 20px;
  17. background-color: blue;
  18. display: inline-block;
  19. }
  20. #target {
  21. width: 100px;
  22. height: 100px;
  23. background-color: green;
  24. display: inline-block;
  25. vertical-align: 20px;
  26. }
  27. </style>
  28. <div class="other"></div><div id="target"></div><div class="other"></div>