-2

I have a div with the following css code:

.popup{
  width: 50%;
  margin: auto;
  display: none;
  animation-name: popup;
  animation-duration: 0.15s;
  position: fixed;
  background-color: #cf5c36;
}

How do I make it centered?

Decentprogrammer
  • 13
  • 3
  • 1
    Why bother center a `display: none;` element? It's not visible right. – 0stone0 Feb 03 '22 at 11:17
  • Does this answer your question? [Center a position:fixed element](https://stackoverflow.com/questions/2005954/center-a-positionfixed-element) – 0stone0 Feb 03 '22 at 11:17

1 Answers1

0

You can set the absolute position and transform it to center

top: 50%;
left: 50%;
transform: translate(-50%, -50%);
kswang
  • 150
  • 9