<section class='container'>
<span class='container__first'>First</span>
<span class='container__second'>Second</span>
<span class="container__third">Third</span>
</section>
.container {
display: grid;
}
.container__first {
background-color: green;
padding-left: 8px;
}
.container__second {
direction: rtl;
background-color: orange;
padding-left: 8px;
}
.container__third {
direction: rtl;
background-color: purple;
padding-inline: 8px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.