Search code examples
htmlcssvertical-alignment

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.

Solution

  • The vertical-align property only applies to:

    inline-level and 'table-cell' elements

    See this link.

    try 

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