I have a master div to center all content and such. Inside that div I typically have 3 divs wide worth of content per line, with an occasional line that is 1 div wide. What is the best way to do this layout. Should I just float left all the divs and throw a line break at the end of the line?
You probably don't even need the linebreak, give each
<div> that should start on a new line a class name, then feed
clear:left to that class and it should cause all div's with that class to drop down on to a new line...
Add this to your stylesheet:
Float your divs. At the end of each row of divs, add this as a divider:
clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;
A quick and easy way to set up div layouts like this is with a grid system, like 960.gs.