otuatail Posted March 31, 2017 Share Posted March 31, 2017 Hi I have an outer div and inside I want to have 2 rows of 3 div's. I have made 2 float left and the third (one on the end) clear. How can I have rows of 3 div's each? TIA Desmond. http://whatadrama.desmond-otoole.co.uk/MyAdmin/config.php Link to comment Share on other sites More sharing options...
requinix Posted March 31, 2017 Share Posted March 31, 2017 float:clear is not a thing. Float all the DIVs left and give the first of each row, or nth-child(3n+1), a clear:left (which is a thing) so that it won't position itself to the right of any other boxes. And beware the vertical overflow. Link to comment Share on other sites More sharing options...
otuatail Posted March 31, 2017 Author Share Posted March 31, 2017 I have given the first of each row a clear:left but this has made it worse. http://whatadrama.de...dmin/config.php Link to comment Share on other sites More sharing options...
requinix Posted March 31, 2017 Share Posted March 31, 2017 Float all the DIVs left Link to comment Share on other sites More sharing options...
otuatail Posted March 31, 2017 Author Share Posted March 31, 2017 Okay all inner div's are now float left! Doesn't look right. What was the a clear:left all about? Link to comment Share on other sites More sharing options...
requinix Posted March 31, 2017 Share Posted March 31, 2017 The first boxes for each row need float:left AND clear:left. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.