<!DOCTYPE html> | |
<html> | |
<link href="resources/flexbox.css" rel="stylesheet"> | |
<style> | |
body { | |
margin: 0; | |
} | |
</style> | |
<body> | |
<div class='flexbox column align-items-baseline'> | |
<h1>This text</h1> | |
<p>should be left aligned.</p> | |
</div> | |
<div class='flexbox column align-items-baseline wrap-reverse'> | |
<h1>This text</h1> | |
<p>should be right aligned.</p> | |
</div> | |
</body> | |
</html> |