MegaZeroX MegaZeroX - 2 months ago 12
CSS Question

Vertically aligning q tags

I'm currently trying to vertically align a q tag in my CSS, but for some reason, the quotation marks don't also get aligned, creating a problem. Here is the relevant part of the code in question:

q {
vertical-align: top;
}


Here is an image of the problem. I don't know if this is some sort of complicated issue involving multiple parts interacting, but if so, here is my html and css files.

Answer

The vertical-align property only applies to:

inline-level and 'table-cell' elements

See this link.

try

q {
   display: inline;
   vertical-align: top;
}