Answers for "centering"

1

css centering

// grid

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

//flex box

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

// position

.parent { 
  position: relative;
}

.child {
  position: absolute;
  left: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
}
Posted by: Guest on April-12-2021
1

centering

img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
Posted by: Guest on June-07-2021
2

centering in html

<style>
  element
  {
    text-align: center;
  }
</style>
-------------------------------------------------------------------------------
style.css
element
{
	text-align: center;
}
Posted by: Guest on September-30-2020

Browse Popular Code Answers by Language