| <!doctype html> | |
| </html> | |
| <head> | |
| <style> | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| div { | |
| column-gap: 0; | |
| column-width: 20em; | |
| column-progression: reverse; | |
| width: 40em; | |
| } | |
| /* cosmetics */ | |
| div { | |
| border: 1px solid; | |
| } | |
| p { | |
| direction: rtl; | |
| text-align: right; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div> | |
| <p>1st column</p> | |
| <p>2nd column</p> | |
| </div> | |
| </body> | |
| </html> |