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. Link to comment https://forums.phpfreaks.com/topic/256221-need-to-get-two-blocks-of-text-side-by-side-that-change-in-width/ 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? Link to comment https://forums.phpfreaks.com/topic/256221-need-to-get-two-blocks-of-text-side-by-side-that-change-in-width/#findComment-1313656 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. Link to comment https://forums.phpfreaks.com/topic/256221-need-to-get-two-blocks-of-text-side-by-side-that-change-in-width/#findComment-1313698 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. Link to comment https://forums.phpfreaks.com/topic/256221-need-to-get-two-blocks-of-text-side-by-side-that-change-in-width/#findComment-1313826 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.