Answers for "how to text align vertically center"

CSS
26

css vertical center

/*Remove comment to become a better programmer. */
/* No Flexbox */
.parent {
  position: relative;
}
.child {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* With Flexbox */

.parent {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
Posted by: Guest on January-11-2021
1

align vertical center text div

display: flex;
align-items: center
Posted by: Guest on May-07-2021
1

center css elements

body{
  display: grid;
  place-items: center;
}
Posted by: Guest on November-11-2020
1

align text vertically in div

/* CSS */
div.outer { 
  display: table; 
}

div.inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

/* HTML */
<div class="outer">
  <div class="inner">
    lorem ipsum... 
  </div>
</div>

/* 
------------------------------------
'vertical-align' values: 
	top | middle | bottom 
	text-top | text-bottom 
    super | baseline | sub 
    % | px 
*/
Posted by: Guest on July-02-2021

Code answers related to "how to text align vertically center"

Browse Popular Code Answers by Language