<div class="align-vertically">
I am vertically centered!
</div>
/*Css */
.align-vertically {
background: #13b5ea;
color: #fff;
display: flex;
align-items: center;
height: 200px;
}
align-items: center; /* Vertical */
justify-content: center; /* Horizontal */
Code Example |
---|
Css :: * css meaning |
Css :: css elementos |
Css :: home page css |
Css :: scroll animation css |
Css :: css nearest neighbor |
Css :: @page css |
Css :: align an entire second row center css grid |
Css :: css3 app basic |
Css :: align item center flex |
Css :: what does it mean when we write width :100%? |
Css :: html css text color invert on image |
Css :: css conflicting styles |
Css :: numpy not installling |
Css :: Ul or ol with no indent |
Css :: powershell convertto-html css |
Css :: scroll down style |
Css :: mettre icloud en dossier barre |
Css :: immagini con transizioni css bootstrap |
Css :: gastby tailwind css |
Css :: changing the dots of the ul to ticks |
Css :: operating system font-family css |
Css :: media screen use another css file |
Css :: inine css |
Css :: background css hachures |
Css :: sed replace spaces with hyphen |
Css :: print td color not working |
Css :: target only mozilla css |
Css :: how to use figure in spsific size css |
Css :: css select class names devexpress |
Css :: change your cursor |