Liquid Web Managed Word Press

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:

1
2
3
<div class="outerDiv">
    <div class="innerDiv"></div>
</div>

This is how we make innerDiv center horizontally.

1
2
3
4
5
6
7
8
9
10
11
12
13
.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

»

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 ...

»

5 Website Security Myths You Should Know About

Businesses today are getting increasingly dependent on their ...

»

Capturing HD Videos with Movavi Screen Capture Studio

As you probably know High Definition (HD) videos are regarded as the ...

»

Modern Changes That You Should Consider for Your Web Site

Websites need to modernize and get updated periodically otherwise ...

»

Super Tips For A Flawless Website

A website has a specific purpose. And your job is to design a website ...

»

Wix Offers Best Free Web Apps for Artists and Photographers

The famous online website builder Wix is known for providing the ...

»

What You Should Know Before Setting Up a Digital Marketing and Web Design Company

Running a digital marketing and web designing company can be a ...

»

Important Factors to Think About When Starting a Mailing List

Many bloggers and business owners don’t have a mailing list, ...