Overflow to left instead of right

Answer 1

Have you tried using the following:

direction: rtl;

For more information see http://www.w3schools.com/Css/pr_text_direction.asp

Answer 2

I'm trying to accomplish the same thing but with text.

Is it possible to overflow to the left without changing the direction of the text? The direction property puts the ending punctuation to the left which is not what I want.

I have a sidebar in my layout and the text is aligned on the right, I'd like it to overflow to the left (while using nowrap)

<div style="width:150px;white-space:nowrap;direction:rtl;">
    <span>Hello World!</span>
    <span>Sometext</span>
    <span>Some other text.</span>
</div>

outputs to:

    !Hello World
        Sometext
.Some other text

Note that I use classes, but for the sake of the example I used inline styling.

Thanks

Answer 3

easily done, '<-span->' the numbers and position the span absolute to the right inside an element with overflow hidden.

<-div style=" width: 65px; height: 20px; overflow: hidden; position: relative; background: #66FF66; "-> <-span style="position: absolute; right: 0;">05451234567<-/span-> <-/div->

:)

rgrds jake