Question

I have these buttons inside a div, next to each other.
When I click one of them the margin is adjusted to resemble the button getting pressed.
But this moves the button next to it aswell, and I can’t figure out why.

Doesn’t matter how big the wrapping div is.

Here’s a fiddle. Can anyone help me get this fixed?

Answer 1

Add vertical-align: top; to both button.demo and button.source: http://jsfiddle.net/jtnTJ/14/