Centre align any element, using CSS

Making HTML elements centralised is sometimes a panic task, but is to be done frequently. Here are some small tips to keep element in centre of another element.

Simple yet depreciated way:

<center> … </center>

Best Alternative:

.parent { 
   display: flex; 
   justify-content: center; 
   align-items: center; 
}