| <style> | |
| body { | |
| margin: 0; | |
| } | |
| .flexbox { | |
| display: -webkit-flex; | |
| -webkit-flex-flow: column; | |
| -webkit-align-items: flex-start; | |
| } | |
| .wrap-reverse { | |
| -webkit-flex-wrap: wrap-reverse; | |
| } | |
| </style> | |
| <body> | |
| <div class='flexbox'> | |
| <h1>This text</h1> | |
| <p>should be left aligned.</p> | |
| </div> | |
| <div class='flexbox wrap-reverse'> | |
| <h1>This text</h1> | |
| <p>should be right aligned.</p> | |
| </div> | |
| </body> | |
| </html> |