How to align and reduce gaps between boxes?
I'm currently working on a demo site and having some problems getting the "enquire" and "social" boxes on the following page to close up and have a neat margin between them (left to right). I've tried setting widths but that then messes up the padding which is nicely surrounding my text and icons.
There is a "maintop" div which did have a 80% width and was floated right but even reducing this width doesn't get rid of the huge gap and instead pushes the "social" div down and wraps it around, so I've now removed the width altogether for the moment.
Any ideas please?