Css vertical align

Css center

/* this will center all children within the parent element. */
.parent {
  display: flex;
  justify-content: center; /* horizontal */
  align-items: center; /* vertical */
}

Source: css-tricks.com

Css vertical align

.top-align {
	vertical-align: top;
}  

.center-align {
  	vertical-align: middle;
}

Vertical align css

.container{
  display: table;
}

.div-inside-container{
  display: table-cell;
  vertical-align: middle;
}

Vertical align css

/*
For a flexed item you can you align - items to center content vertically
you can use justify content to center horizontally
*/

.container {
  display: flex;
  align-items: center;
  justify-content: center;
}

Vertical align css

<div style="display: table; height: 400px; overflow: hidden;">
  <div style="display: table-cell; vertical-align: middle;">
    <div>
      everything is vertically centered in modern IE8+ and others.
    </div>
  </div>
</div>

Source: stackoverflow.com

Similar codes

0 vote267 views1 answer
How to make text disappear after a certain length css
CSS
0 vote283 views1 answer
Twig convert encoding
CSS
0 vote263 views1 answer
Jquery hover class css not working
CSS
-1 vote298 views1 answer
Reset the entire box model
CSS
32 votes266 views6 answers
Overflow css
CSS
26 votes333 views4 answers
Input outline focus
CSS
104 votes316 views6 answers
Media screen
CSS
0 vote316 views1 answer
Espacio entre lineas css
CSS
0 vote277 views1 answer
Firefox-scroll-css
CSS
0 vote271 views1 answer
Where is sendmail in lampp
CSS