Based on your existing HTML, I suggest the following:
float all six of your divs left
remove the existing padding
keep the 30% width for all six of your divs
set a padding-right of 5% on the first two divs in each row
By setting the padding-right to 5%, you will be using 10% of the horizontal width for padding, and the other 90% will be taken up by the three divs that have a width of 30%. (The last div in each row does not need right padding because it will be at the end of the row.)
If you have trouble implementing that, just let me know.
The topic ‘Put 3 pictures in 3 columns’ is closed to new replies.