<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;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.