The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › How to center these two columns?
Is anyone able to tell me how I can modify this open source template so the two columns are centered in the page?
I’ve tried messing with the float tags and it’s just been a disaster.
to center those two columns just add
border-top: 1px dotted #c7c7c7;
margin:4px auto 0;
The margin must be corrected, as far as the other elements go, like the image and whatnot just adjust within the container div.
_John’s absolutely right. If you don’t quite get how floats work, you might want to check this tutorial out. http://shingokko.com/blog-entry/float-and-clear.html