scootstah Posted February 2, 2012 Share Posted February 2, 2012 Refer to this: http://jsfiddle.net/3Yg6X/2/ Based on that jsfiddle, I want to get the blue square to the right of the red square. The text in the red square may vary in width, so the blue squares width will have to adapt to a wider red square without dropping below it like it is here. Quote Link to comment Share on other sites More sharing options...
spiderwell Posted February 2, 2012 Share Posted February 2, 2012 I guess to ensure it doesnt drop down you need to be sure that the some width of both boxes will not exceed the container. max-width would go someway towards this but only if you split that 50/50 for the 2 boxes. this would not really be a satisfactory resolve. I fear some sort of javascript trickery might be the only option, or perhaps turn it into a list with floated list items? Quote Link to comment Share on other sites More sharing options...
scootstah Posted February 2, 2012 Author Share Posted February 2, 2012 That's not a problem, the red square will never get that big. The red square will have a username and some other stuff so at most it will be like 30 characters. I'm just working with limited space so I don't want it to be that wide if it doesn't have to be. Quote Link to comment Share on other sites More sharing options...
scootstah Posted February 2, 2012 Author Share Posted February 2, 2012 I've decided to go with a different approach, so this is no longer needed. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.