সম্পাদনা
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .container { display: flex; width: 300px; height: 100px; gap: 5px; border: 1px solid; } .row { flex-direction: row; } .row-reverse { flex-direction: row-reverse; } .column { flex-direction: column; } .column-reverse { flex-direction: column-reverse; } .container > div { background-color: coral; padding: 10px; } </style> </head> <body> <div class="container row"> <div>1</div> <div>2</div> <div>3</div> </div> <br> <div class="container row-reverse"> <div>1</div> <div>2</div> <div>3</div> </div> <br> <div class="container column"> <div>1</div> <div>2</div> <div>3</div> </div> <br> <div class="container column-reverse"> <div>1</div> <div>2</div> <div>3</div> </div> </body> </html>
পূর্বরূপ