Question

i read about centering (bottom-center) a button inside a div , which is like centering a button inside a panel.
i succeeded in doing that by adding this to the CSS of the button:

 position:absolute; 
  margin-left:50%;
  margin-right:50%;
  bottom:  5px; 

and the panel css property is:

position:relative;

The problem is that it centers the left side of the button, so the button itself with his whole width is not centered.

How do i center the center of the button, so it will look like the button is really centered?

Answer 1

For example write like this if you have position absolute:

button{
   position:absolute; 
   margin-left:-100px;
   left:50%;
   width:200px;
   bottom:5px;
}

Note: give margin-left half of the width of the button