Align p, div, container in center in html

Prickly Puffin answered on December 25, 2021 Popularity 9/10 Helpfulness 9/10

answer Align p, div, container in center in html

Align p, div, container in center in html

Comment

//align p
p {
  text-align: center;
}


//align container
/* Method 1: */
.container {
  display: flex;
  justify-content: center; // (or use)	margin: 0 auto;
  align-items: center;
}

/* Method 2: */
.container {
	display: grid;
	place-items: center
}

/* Method 3: */
.center-div {
	margin: auto;
}

/* Method 4: */
.center-div {
  position: absolute;
  left: 50%;
  top: 50%;
}

Popularity 9/10 Helpfulness 9/10 Language whatever

Source: www.codegrepper.com

Tags: center html whatever

Link to this answer
Share Copy Link

Contributed on Dec 25 2021

Prickly Puffin

0 Answers Avg Quality 2/10

Align p, div, container in center in html

Contents

More Related Answers

Align p, div, container in center in html

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.