Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.Start your free trial
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.