how to center element inside a div in css code example

Example 1: how to center a div element

/*ADD MARGIN auto to left and right*/
.box1{
    width:80%;
    margin:0 auto;
}

Example 2: how to assign something in center inside a div

P { text-align: center }
H2 { text-align: center }