I have attempted multiple ways to vertically align text within a div. I have 2 spans within a div, one with a numeric value that has a font size of 40, and a description next to it, with a size of 14px.
No matter what I do, I cannot get both spans to align vertically in the center within the parent div. I've used vertical-align middle, tried display:table and display: table-cell, line height, everything. Plenty of things vertically align text just fine, but aligning two divs of different font sizes on one line is just not working.
Any assistance is greatly appreciated!