How do i position an element to the center of a div element?

Question

Am having a two elements and i want to position the other element to the center of the div such that, its position is always at the center irrespective of the screen size. How do i do that.

thanks in advance.

Answer 1

Maybe this could help

https://code.sololearn.com/WnNWl3XiEd84/?ref=app

Answer 2

thanks,,,, let me try

Answer 3

Just to it

Div{
position:relative;
}
Item{
position: absolute;
top:50%;
left:50%;
transform: translate (-50%,-50%);
}
This method will help you

Answer 4

have tried this it doesn't seem to work fine for me,,,,
div {
position: relative;
}
item {
position: absolute;
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px
}

this one works fine for one element but fails for for multiple elements