How to horizontally center a div inside a div using css

Yes its very easy to center a block element inside other block element using simple css. Here is an example.

If you have following HTML code:

<div class="outerDiv">
    <div class="innerDiv"></div>
</div>

This is how we make innerDiv center horizontally.

.outerDiv{
width:100%
}
.innerDiv {
    width: 980px;
    margin: 0 auto;
}
 
if you are using IE8+ you have to do things like.
 
.innerDiv {
   display: table;
}

Recently Published

»

5 Things to Consider When Designing A Logo For Your Startup

Designing a Logo is essential because it communicates your business. ...

»

What Is Access Control?

Access Control, When running a business, there are dozens of things ...

»

Process Management Solution For a Business

In order to be successful, a company needs to be on the same page and ...

»

5 Metrics You Should Track on Every Blog Post

As a blogger, you may have developed your blog with a variety of blog ...

»

3 of the Most Dynamic LMS Plugins for WordPress

The possibilities are limitless when you want to put a course online ...

»

Do You Really Need Access to Advanced Scripting Capabilities?

One of the features you’ll find most commonly advertised when ...

»

Obvious UX Trends that will Rule 2018

For web design industry, we see new UX trends in the way we build ...

»

Java Programming Language And Its Application

Programming language is one of the main IT developments of the past ...

»

Why Can’t I Add or Install Plugins in WordPress

WordPress is a great choice when it comes to Content Management ...