How to center a div in a div

Introduction:

Here i will explain how to center a div tag in a div tag.

HTML:

Food

CSS:

#inner {
    width: 50%;
    margin: 0 auto;
}