JSFiddle - React, Tailwind, and code Playground

by moshfeu

HTML

<ol style="list-style-type: hebrew; direction: rtl;">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
    <li>11</li>
    <li>12</li>
    <li>13</li>
    <li>14</li>
</ol>

CSS

ol {
  counter-reset: num;
  direction: rtl;
}

li {
  list-style-type: none;
  counter-increment: num;
  padding-bottom: 4px;
}

li:before {
  content: '.' counter(num, hebrew);
  padding-left: 10px;
  unicode-bidi: bidi-override;
  direction: ltr;
  float: right;
}