Learn More
Resend Email
65
streibeb
9y

We all know it's true

undefined

css

html
Favorite
Ranter
Comments
  • 2
    9y
    This is incredible.
  • 2
    9y
    display: table; for the parent, with height

    display: table-cell; and vertical-align: middle; for the child

    Oe justo use flexbox
  • 1
    9y
    @zavan doesn't work if the parent height is in percent
  • 1
    9y
    I always do

    parent {
    }

    child {
    margin-top: 50%;
    transform: translateY(-50%);
    }
  • 1
    9y
    Advice from the Treehouse CSS course that worked for me:

    #Parent {
      position: relative;
    }

    #Child {
      position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;

    }
  • 0
    9y
    .parent {
    display: flex;
    align-items: center;
    }
Related Rants
devRant © 2021 Hexical Labs LLC
Privacy Policy  |  Terms of Service
Add Comment