How to center a element inside a container?

Question

I want my

element to be at the center of a container

, as in perfectly centered -- the top, bottom, left and right margins spl

Answer 1

on the p element, add 3 styling rules.

.myCenteredPElement{
    margin-left:  auto;
    margin-right: auto;
    text-align: center;
}