Discussion on: 3 Ways To Center Elements In CSS

[Utkarsh Dhiman]

1. A slight variation in third:

#content{
 /*align content to parent element*/
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 /*for content inside current element set line-height = height of element*/
 text-align: center;
}

[Sanchithasr]

Thank you . Will note that. 😊