Format Code
Run Code
<!DOCTYPE html> <html> <head> <title>Let's Coding Example</title> </head> <style> .flexbox-align-self-container { display: flex; border: 1px solid black; margin-bottom: 10px; height: 200px; } .flex-item { background-color: lightgray; margin: 5px; padding: 10px; border: 1px solid red; } .align-self-start { align-self: flex-start; } .align-self-center { align-self: center; } .align-self-end { align-self: flex-end; } </style> <body> <div class="flexbox-align-self-container"> <div class="flex-item align-self-start">1</div> <div class="flex-item align-self-center">2</div> <div class="flex-item align-self-end">3</div> </div> </body> </html>
console output