how to centre a div

Add Answer

Dizzy Dolphin answered on August 27, 2020 Popularity 9/10 Helpfulness 5/10

answer how to centre a div

related how to center a div

related center a div

related how to center a div

related center a div

related how to center a div element

related center a div

related How to center a div

how to centre a div

Comment

.container {
  position: relative;
  height: 100vh; /* Adjust this value as needed */
}

.content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* Additional styling for your content */
}

Popularity 9/10 Helpfulness 5/10 Language css

Source: chat.openai.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Jun 27 2023

Dizzy Dolphin

0 Answers Avg Quality 2/10

Closely Related Answers

how to center a div

Comment

I still don't know

Popularity 10/10 Helpfulness 10/10 Language whatever

Source: Grepper

Tags: center ce

Link to this answer
Share Copy Link

Contributed on Jun 05 2023

Motionless Manx

0 Answers Avg Quality 2/10

center a div

Comment

.container{
	margin: 0 auto;
    display: flex;
    align-items: center;
}

Popularity 10/10 Helpfulness 7/10 Language css

Source: Grepper

Tags: center ce

Link to this answer
Share Copy Link

Contributed on Aug 03 2021

Successful Skimmer

0 Answers Avg Quality 2/10

how to center a div

Comment

why the fuck do i always forget

Popularity 9/10 Helpfulness 7/10 Language whatever

Source: Grepper

Tags: center ce

Link to this answer
Share Copy Link

Contributed on Jun 27 2023

Embarrassed Eagle

0 Answers Avg Quality 2/10

center a div

Comment

/* Assume the div has a class of "center"
   The below would center it horizontally
*/
.center {
	margin-left: auto;
    margin-right: auto; 
}

/* There is a shorthand and it is given below */
.center {
	margin: 0 auto; 
}

Popularity 10/10 Helpfulness 6/10 Language css

Source: Grepper

Tags: center ce

Link to this answer
Share Copy Link

Contributed on Jan 24 2022

Wissam

0 Answers Avg Quality 2/10

center a div

Comment

div.center {
  text-align: center;
  align-items: center;
  align-self: center;
  justify-content: center;
  justify-self: center;
  justify-items: center;
  justify-tracks: center;
  text-justify: center;
  place-items: center;
  place-self: center;
  padding-left: center;
  vertical-align: middle;
  line-height: 100%;
  margin: auto;
  position: absolute;
  left: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
}

Popularity 8/10 Helpfulness 5/10 Language css

Source: chat.openai.com

Tags: center css c

Link to this answer
Share Copy Link

Contributed on Apr 25 2024

Agreeable Armadillo

0 Answers Avg Quality 2/10

how to center a div element

Comment

/*ADD MARGIN auto to left and right*/
.box1{
    width:80%;
    margin:0 auto;
}

Popularity 10/10 Helpfulness 5/10 Language css

Source: Grepper

Tags: center ce

Link to this answer
Share Copy Link

Contributed on Aug 27 2020

Shubham Kunwar

0 Answers Avg Quality 2/10

center a div

Comment

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

Popularity 10/10 Helpfulness 5/10 Language css

Source: Grepper

Tags: center ce

Link to this answer
Share Copy Link

Contributed on Jan 23 2022

Fair Fowl

0 Answers Avg Quality 2/10

center a div

Comment

.parent {
	justify-content : center;
    align-items : center;
}

Popularity 10/10 Helpfulness 5/10 Language css

Source: Grepper

Tags: center ce

Link to this answer
Share Copy Link

Contributed on Jan 23 2022

Fair Fowl

0 Answers Avg Quality 2/10

How to center a div

Comment

div {
    width: 100px;
    height: 100px;
    background-color: red;
    
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    
    margin: auto;
}

Popularity 10/10 Helpfulness 5/10 Language css

Source: stackoverflow.com

Tags: center ce

Link to this answer
Share Copy Link

Contributed on Dec 10 2021

WebDevsOP

0 Answers Avg Quality 2/10

how to centre a div

Contents

More Related Answers

how to centre a div

Closely Related Answers

how to center a div

center a div

how to center a div

center a div

center a div

how to center a div element

center a div

center a div

How to center a div

Grepper

Documentation

Social

Legal

Contact

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