Search code examples
htmlcssalignmentarabicdirection

Direction: rtl, Date alignment issue


When I use direction:rtl for the Arabic view, the details on the date are not in showing incorrect order. E.g. in ltr it's showing like 03 February 2016 but in rtl it's wrongly aligned as February 2016 03.

div {
  font-size: 20px;
}
<div style="direction:rtl;">
  03 February 2016
</div>

Is there any way to rectify it. Or it's just the natural way of showing date in the Arabic view?


Solution

  • Answering your next question:

      <div style="float:left; direction:rtl;">
        &#x202b;03 February &#x202c;2016
      </div>