<div class="elemento" dir"lrt">
  <h1>Da sinistra a destra</h1>
  <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolores itaque dolorum autem sed modi architecto omnis consequatur facere? Eius ea fugit voluptas repellat blanditiis nam ut temporibus delectus suscipit minus.</p>
</div>

<div class="elemento" dir="rtl">
  <h1>Da destra a sinistra</h1>
  <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolores itaque dolorum autem sed modi architecto omnis consequatur facere? Eius ea fugit voluptas repellat blanditiis nam ut temporibus delectus suscipit minus.</p>
</div>
.elemento:dir(rtl) {
  background: black;
  color: white;
}

* {
  font-family: sans-serif;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.