Skip to Content
Menu

.nebula-vmiddle

Another method of vertical alignment using only CSS.

CSS April 27, 2017
  1. Nebula
  2. /
  3. Functions
  4. /
  5. .nebula-vmiddle

Usage

This is a variable or event handle.

Examples

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

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.

    « Back to functions & variables list