css how to center text
/* Using flex to center anything*/
.parent{
display: flex;
justify-content: center; /* Centering Horizantly */
align-items: center; /* Centering Vertically */
/* Every element inside this div will be centered*/
}
/* Using Line Height*/
.main-div{
width: 50%;
height: 40px;
}
.main-div p{
line-height: 40px; /* Same as parent height*/
/* p will be centered vertically inside its parent div*/
}
/* CSS Property */
p{
text-align: center;
}