<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>:dir() demo</title>
</head>

<body>
  <h1 dir="rtl">
    As long as you keep going, you'll keep getting better.
  </h1>
  <h1>Keep going, until you're done.</h1>
</body>

</html>
h1[dir=rtl] {
  background: green;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.