Vertical alignment properties

    Set the vertical alignment of an element.

    Vertical alignment CSS properties are dependant on the display properties of the parent element. For example, aligning content vertically within a container relies on the container being set to display table-cell.

    Vertical alignment

    Options and behavior:

    • Baseline - Align the baseline of the element with the baseline of the parent element. This is default
    • Top - Align the top of the element with the top of the tallest element on the line
    • Text top - Align the top of the element with the top of the parent element's font
    • Middle - Align the element in the middle of the parent element
    • Bottom - Align the bottom of the element with the lowest element on the line
    • Text bottom - Align the bottom of the element with the bottom of the parent element's font
    • Subscript - Align the element as if it was subscript
    • Superscript - Align the element as if it was superscript
    • Length - Align the element by a specified length. Negative values are allowed.
      • Accepted units
        • blank - Enter a number and the value will be interpreted as pixels
        • px - The value will be applied in pixels
        • % - The value will be applied as a percentage of the elements width and height
    Cohesion DX8 Help center

    Launch our Help center to raise a support ticket or search our knowledge base of common questions and answers.

    DX8 knowledge base icon

    Knowledge base

    Get instant answers to common questions. Available online 24/7.

    Find answers

    Raise a ticket icon

    Raise a support ticket

    Log in to the Help center to raise an issue. Available Monday - Friday, 09:00 - 17:00 GMT.

    Raise ticket