If you want to fix this behavior add the LRM character ‎ in the end. It’s a non=printing character.
Source : http://dotancohen.com/howto/rtl_right_to_left.html
Example : http://jsfiddle.net/yobjj6ed/
More Related Contents:
- Vertically align text next to an image?
- How to make a div fill a remaining horizontal space?
- Why doesn’t nth-of-type/nth-child work on nested elements?
- How can I reorder my divs using only CSS?
- How can I style even and odd elements?
- How can I vertically center a div element for all browsers using CSS?
- How to apply CSS to iframe?
- How to make a vertical line in HTML
- Ellipsis for overflow text in dropdown boxes
- Why top margin of html element is ignored after floated element?
- How to stretch a fixed number of horizontal navigation items evenly and fully across a specified container
- document.body.scrollTop is always 0 in IE even when scrolling
- How can I fill a div with an image while keeping it proportional?
- How do I make the whole area of a list item in my navigation bar, clickable as a link?
- Is it considered bad practice to use absolute positioning? [closed]
- How to create a transparent triangle with border using CSS?
- 5 items per row, auto-resize items in flexbox
- Image label for input in a form not clickable in IE11
- Default :target with CSS
- How to center a (background) image within a div?
- I have position but z index is not working
- How do I use the z-index properly?
- Different implementation of Flexbox in Firefox and Chrome
- SVG LinearGradient hidden if svg is hidden in seperate class
- Simulation of a placeholder
- with fixed and scrollable [duplicate]
- CSS replacement for
- White space under image [duplicate]
- Flexbox layout with two equal height children, one containing nested flexbox with scrolling content
- Make floating divs the same height