Answers for "centrally align div css"

CSS
7

center div css

.center {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
Posted by: Guest on March-31-2021
1

css center div

.my-div{
  width: 80%;
  margin: 10px auto;
  /*
    margin-left and right right has 'auto' value
    meaning that the browser will automatically calculate the remaining space
    and give it to the margin.
    From the example. 20% remained from 80%
    so that our div will have 
    margin-right: 10%
    margin-left: 10%
    and it will be centered.
  */
}
Posted by: Guest on June-12-2021

Browse Popular Code Answers by Language