Get the code of CSS Display Flex/Grid and watch video tutorials. You can practice using our code editor. Our practical guide will make your learning journey much easier. You can explore the tutorial and learn.
<p class="one">
<span>Text 1</span>
<span>Text 2</span>
<span>Text 3</span>
</p>
<p class="two">
<span>Text 1</span>
<span>Text 2</span>
<span>Text 3</span>
</p>p {
background: lightblue;
padding: 6px;
}
span {
background: red;
padding: 6px;
color: white;
}
.one {
display: flex;
}
.two {
display: grid;
}