Skip to Content


Another method of vertical alignment using only CSS.

CSS April 27, 2017


This is a variable or event handle.


<div style="height: 200px;">
    <p class="nebula-vmiddle">This is vertically centered.</p>

Additional Notes

Note: To use this class, the parent element must have a set height (not a min-height)!

Consider using flexbox properties for vertically centering and aligning. Bootstrap has classes that help use flexbox.

Was this page helpful? Yes No

    A feedback message is required to submit this form.

    Please check that you have entered a valid email address.

    Enter your email address if you would like a response.

    Thank you for your feedback!

    Source File

    Located in /assets/scss/partials/_helpers.scss.