Vertically Aligning Relative Inline Block With Non-relative Inline Blocks

I'm having an issue aligning a relative inline-block with a few inline-blocks in the same row that are not relative. Picture for clarity: I've tried a few things (padding-top, mar

Solution 1:

you can fix this by simply adding vertical-align:bottom to your .course-grade