You could try direction:rtl;
in your css. Then reset the text direction in the inner div
#scroll{
direction:rtl;
overflow:auto;
height:50px;
width:50px;}
#scroll div{
direction:ltr;
}
Untested.
More Related Contents:
- Can't get footer image to display in IE8?
- How to collect and manipulate data in HTML using
- How to force child div to be 100% of parent div’s height without specifying parent’s height?
- SVG drop shadow using css3
- Switching the order of block elements with CSS [duplicate]
- Imitating a blink tag with CSS3 animations
- How can I force a long string without any blank to be wrapped?
- 100% Min Height CSS layout
- Equal space between flex items
- How to get a child element to show behind (lower z-index) than its parent?
- Background image not showing in Safari
- How to vertically align into the center of the content of a div with defined width/height?
- left-right movement.. css only very generic
- How to disable CSS in Browser for testing purposes
- Equalize the height of left and right div, prevent right div from going below left div
- How to change an image on click using CSS alone?
- Auto Resize Image in CSS FlexBox Layout and keeping Aspect Ratio?
- How to center multiple divs inside a container in CSS
- How can I create a wavy shape CSS?
- Auto height on parent container with Absolute/Fixed Children
- Display text, a dotted line then more text spanning the width of the page
- CSS Zigzag Border with a Textured Background
- How can I control the width of a label tag?
- How to change cursor color without changing text color?
- “break-inside: avoid-column” doesn’t work in Firefox
- How do I horizontally center an absolute positioned element inside a 100% width div? [duplicate]
- download webpage and dependencies, including css images [closed]
- Prevent floated divs from wrapping to new line
- How to get horizontal scroll bar in select box in IE?
- Can you have a within a ?