Home Verkennen Help
Inloggen
khronosschoty
/
palemoon-dev
Volgen 2
Ster 1
Vork 0
Bestanden Kwesties 0 Pull-aanvragen 0 Wiki
Boom: ac60e7ecec
Aftakkingen Labels
palemoon-dev
/
platform
/
layout
/
reftests
/
columns
/
column-box-alignment-rtl.html

column-box-alignment-rtl.html 541 B
Geschiedenis Ruwe

1234567891011121314151617181920212223242526272829303132 
  1. <!doctype html>
    2. 

  2. <style>
    3. 

  3. * {
    4. 

  4.     margin: 0 0;
    5. 

  5.     padding: 0 0;
    6. 

  6. }
    7. 

  7. 

  8. div {
    9. 

  9.     column-gap: 0;
    10. 

  10.     -moz-column-gap: 0;
    11. 

  11.     column-count: 4;
    12. 

  12.     -moz-column-count: 4;
    13. 

  13.     -webkit-column-count: 4;
    14. 

  14.     -o-column-count: 4;
    15. 

  15.     -ms-column-count: 4;
    16. 

  16. }
    17. 

  17. 

  18. /* cosmetics */
    19. 

  19. div {
    20. 

  20.     border: 1px solid;
    21. 

  21. }
    22. 

  22. 

  23. td {
    24. 

  24.     width: 25%;
    25. 

  25. }
    26. 

  26. </style>
    27. 

  27. The first column should be aligned with the right side of the block and the second column should be to its direct left.
    28. 

  28. <div style="direction:rtl; text-align:right;">
    29. 

  29.     <p>1st column</p>
    30. 

  30.     <p>2nd column</p>
    31. 

  31. </div>
    32. 

  32.