Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> h3 { color: #8ebf42; } .flex-container { display: flex; flex-direction: row-reverse; padding: 30px; border: 1px dashed #666; } .flex-container > div { width: 80px; height: 70px; margin: 5px; border-radius: 3px; background-color: #1faadb; } </style> </head> <body> <h3>row-reverse</h3> <div class="flex-container"> <div></div> <div></div> <div></div> </div> </body> </html>