CSS Flexbox Layout
Full Stack Web Development Courses with Real-time projects Start Now!!
Program 1
<html>
<head>
<style>
.flex-container{
display:flex;
/*flex-direction:row-reverse;*/
justify-content:flex-end;
}
.flex-container>div{
background-color: blue;
padding:20px;
font-size:30px;
}
</style>
</head>
<body>
<div class="flex-container">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>
</body>
</html>
Your 15 seconds will encourage us to work even harder
Please share your happy experience on Google
