Craig Curtis19,985 Points
Placement of inln class before default and error class matters...
I placed the inln class after the default and error classes, and the buttons still displayed as block-level elements.
However before these two classes, they displayed properly as inline-block.
This must be a cascading issue.
I would also wanted to know why if i place the inln class after the default and error classses nothing happens and buttons still stay block-level elements:
<input class="btn default inln" type="submit" value="Submit">
<input class="btn error inln" type="reset" value="Reset">
I do not believe it's the problem of cascading, since there is no overriding of CSS declarations in all 3 classes. I have tried placing inln before default and error, and it works fine for me in Firefox. You might want to check if your browser window size is affecting it, since the inline-block in the CSS only works if the window is more than 769px. Or perhaps, check your codes again if the browser window size is not the issue.