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

To get left/right centering, then applying text-align: center to the div and margin: auto to the p.

For vertical positioning you should make sure you understand the different ways of doing so, this is a commonly asked problem: Vertical alignment of elements in a div