به مثال زیر توجه کنید:

<div class="exm_1">
  <div class="exm_2">
  </div>
</div>

.exm_2
{
  margin:0 auto;
}

دستور margin برای ایجاد حاشیه در تگ به کار میرود. رقم 0 در این دستور حاشیه بالا و پایین تگ را برابر صفر قرار میدهد. auto حاشیه چپ و راست را برابر قرار میدهد و این عملکرد باعث میشود تگ شا در وسط div یا تگ دیگر قرار بگیرد.

<div id="outer" style="width: 100%">  
  <div id="inner"></div>
</div>

با فرض کد بالا برای اینکه یک تگ در وسط تگ پدر خود قرار بگیرد می تونی از margin به صورت زیر استقاده کنی:

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

در اینجا من عرض عنصر را برابر با 50% در نظر گرفتم می تونی هر عرض دیگری برای تگ تنظیم کنی البته باید توجه داشت که عرض عنصر کوچکتر از عرض پدر خود تنظیم شود.

اگر IE+8 مد نظر هست میتونی از کد زیر استفاده کنی:

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