Are you looking for the latest documentation?

Documentation for Acquia Cohesion V6.0 onwards has moved to https://cohesiondocs.acquia.com

    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
    DX8 knowledge base icon

    Frequently asked questions

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

    Find answers

    Raise a ticket icon

    Raise a support ticket

    To raise a ticket, sign into Acquia Cloud and select Help in the top menu.

    Raise support ticket

    Acquia

    Copyright © 2020 Acquia, Inc. All Rights Reserved. Drupal is a registered trademark of Dries Buytaert.