I have three <input type="submit" />
elements arranged vertically. The top two are in the same <div>
and <table>
, but the bottom one is in a different <div>
and <table>
. I can't change this, as it is for UX purposes in the context of the larger page from which this is just a snippet. My third button is an extra few pixels too low, such that the spacing between these three buttons is inconsistent.
I would like to not have to do a junky vertical-align: -2px
or something like that. What I'd like is to gain some understanding as to why the spacing is inconsistent. Thanks for reading.
Here is a JSFiddle example: https://jsfiddle.net/y57wLtjb/
use
border-spacing: 0;
fortable