ShadowMage Posted August 29, 2012 Share Posted August 29, 2012 I have the following test code: <!DOCTYPE html><html><head><title>Test</title><style type='text/css'>#test { width: 200px; text-align: right; overflow: visible; white-space: nowrap; border: 1px solid black;}</style></head><body><div id='test'>asd asdf jkad la jdfalkjdf asldk lsid f aliwy ailaydys liaysd ifas asydi slkdf</div></body></html> I thought that by aligning the text right, it would flow out the left side of the box. I was wrong, it still goes out the right side. How do I get it to go out the left side? Link to comment Share on other sites More sharing options...
ShadowMage Posted August 29, 2012 Author Share Posted August 29, 2012 (edited) Got the desired result using the following: <div id='test'><span>asd asdf jkad la jdfalkjdf asldk lsid f aliwy ailaydys liaysd ifas asydi slkdf</span></div> #test { width: 200px; text-align: right; overflow: visible; white-space: nowrap; border: 1px solid black; position: relative;}#test span { position: absolute; right: 0px;} Edited August 29, 2012 by ShadowMage Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now