You are forgetting self in the function (__init__(SELF...)

why the fuck do i always forget

div {

    width: 100px;

    height: 100px;

    background-color: red;

    position: absolute;

    top:0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

}

.YourDivsClass {

    display: flex;

    justify-content: center;

    align-items: center;

}

.center { 

    display: grid;

    place-items: center;

}

To center a div element, you can use the margin: auto property, along with a fixed width and height.

​

Here is an example:

​

<style>

  .center {

    width: 50%;

    height: 50%;

    margin: auto;

    background-color: red;

  }

</style>

​

<div class="center">I am a centered div!</div>

This will center the div with a red background and a width and height of 50% of its parent element.

​

If you want to center the div horizontally and vertically within the page, you can also use absolute positioning, along with the top, left, right, and bottom properties set to 0.

​

Here is an example:

​

<style>

  .center {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    width: 50%;

    height: 50%;

    background-color: red;

  }

</style>

​

<div class="center">I am a centered div!</div>

This will center the div with a red background and a width and height of 50% of the browser window.

.div {

    width: 80%;

    margin: auto;

}

.div-object {

    display: grid;

    place-items: center;

}

display: flex;

align_item:center;

justify-content: center;

margin:auto