Question

I have a div inside a div. The .outer div has overflow set to hidden and is 200px wide. The .inner div is 300px wide and hides fine per the overflow spec.

What I’d like to do is find a way to align the inner div so that it cuts off the overflow on the left side instead of the right.

I could use positioning and negative margins but ultimately the inner div is variable width, so I’m hoping there’s a way to accomplish this without ‘hard-coding’ anything?

Here’s the fiddle: http://jsfiddle.net/xCYPc/

Answer 1

Try setting float: right; on the .inner