css text position code example

Example 1: center text in css

.class {
	text-align: center;
}

Example 2: 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;
}

Example 3: text align css

p{
    text-align:center;/*values: center, left, right, etc...*/
}

Example 4: what are the types of positioning in css

The types of positioning in CSS are-
1)static: this is the default value.
2)sticky: the element is positioned based on the user's scroll position.
3)fixed: the element is positioned related to the browser window.
4)relative: the element is positioned relative to its normal position.
5)absolute: the element is positioned absolutely to its first positioned parent.

Example 5: css text align right

body {
  text-align: right;
}

Example 6: text-align property in css

The different values of text-align are -
1) text-align: justify; (spreads throughout to the left and right)
2) text-align: center; (centers the text)
3) text-align: left; (the default value, shifts the text to left side)
4) text-align: right; (shifts the text to right side)