I have a button on my wordpress site titled ‘try apptive free’ in my header with a 2px border around it. The border already inherits a 10px padding. I want to bring the padding down to 5px to shrink the border distance however, changing the padding movies the ‘try apptive free’ out of line with the logo on the left side of the header titled ‘Apptive’.
Is there an easy way to change the padding to 5px without moving the button out of line with the logo?
www.allaboutcats.wordpress.com
You could always add some
margin
to it, to compensate for the removed padding. Or you could place both elements in one container and give themvertical-align: middle
.Give it a
margin-top: 5px;
It should work.