I have a small section which I would like to have a border around. Problem is, everytime I try to add a border, the 2 side by side divs become one on top of the other. The url is http://www.italiaknow.co.uk/item/poocinis/.
The first section ('Address' to 'Web') is where I want it, then the section below that ('Hours Open') should be alongside the first section, and was until I added the border.
Any help would be much appreciated.
Hi kevd10, Here is 2 ways you
Here is 2 ways you can get around this:
1) Whatever width of border you use remove that value (both sides added together) from the margin, then there should be no change to the position of the floats.
2) use box-sizing:border-box; box-sizing
Hi! The first option worked,
The first option worked, but would not allow me to have any space whatsoever between the border and the content. The 2nd option did not work at all.