<!doctype html>
<html lang = "en">
<style>
.box1 {
background: green;
}
.box2 {
background: blue;
}
.box3 {
background: red;
}
.box4 {
background: magenta;
}
.box5 {
background: yellow;
}
.box6 {
background: pink;
}
.box {
font-size: 35px;
padding: 15px;
}
.container {
display: flex;
height: 100vh;
align-items: flex-start;
}
</style>
<body>
<div class = "container">
<div class = "box box1">One</div>
<div class = "box box2">two</div>
<div class = "box box3">three</div>
<div class = "box box4">four</div>
<div class = "box box5">five</div>
<div class = "box box6">six</div>
</div>
</body>
</html>
|