Welcome to Web Hosting Forum - Net Hosting Talk

Register now and be part of our community! When you register with the Net Hosting Talk you can join in with topics, start new topics, and generally be a part of the first level of our community. It's also quick and totally free, so what are you waiting for?

How can i horizontally center a div?

agoston

Newbie
Messages
3
Reaction score
0
Hello,

How can I horizontally center a <div> within another <div> using CSS?
Code:
<div id="outer">
  <div id="inner">Hello World!</div>
</div>
 

rigsby

Newbie
Messages
18
Reaction score
0
You can apply this CSS to the inner <div>:
You don't have permission to view the spoiler content. Log in or register now.
Of course, you don't have to set the width to 50%. Any width less than the containing <div> will work. The margin: 0 auto is what does the actual centering.

If you are targeting IE8+, it might be better to have this instead:
You don't have permission to view the spoiler content. Log in or register now.
It will make the inner element center horizontally, and it works without setting a specific width.

Working example here:
You don't have permission to view the spoiler content. Log in or register now.
You don't have permission to view the spoiler content. Log in or register now.
 

Advertisement

Top