How can i horizontally center a div?

Welcome to our community

Be apart of something great, join today!

agoston

Newbie
Messages
6
Reaction score
0
Points
1
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
Points
1
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
  • Advertisement

    Top