جایگزین مناسب برای تگ حذف شده <center> در 5 HTML

[SMDaneshvar]

احتمالا اطلاع دارید که توی HTML5 خیلی از Tag ها و Attribute ها حذف و یا جیگزین شدن... تگ <center> هم یکی از این تگ هاست. توی آموزش های خود W3 گفته شده بود که از این به بعد به جای این تگ از استایل ها استفاده کنید...
حالا می خواستم بدونم که چه طور می شه این تگ رو با استفاده از استایل ها و یا از هر طریق دیگه ای جایگزین کرد.

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

اگر توی تصویر بالا قسمت تیره Background اصلی باشه و قسمت سفید لایه ای باشه که توش محتوی وب قرار میگیره، چه طور می شه لایه سفید رنگ رو وسط صفحه قرار داد؟

این مورد رو هم در نظر بگیرین که اگر کاربر بخواد Zoom in/out کنه لایه سفید وسط صفحه باقی بمونه و این بدین معناست که استفاده از خواصی مثل Padding و یا تعیین موقعیت با استفاده از px معقول نیست...
​

​

 

[Saeed]

از هرطرف وسط باشه یا از سمت چپ و راست فقط ؟

اگه دومی هستش {}

margin:0 auto

موفق باشید ...

 

[L-B]

با گذاشتن width هم میتونین دقیق به شکل عکس مورد نظطر در بیارید ...
در حالتی که فقط یک div داشته باشین و و عرض نداشته باشه و دیفالت body و html صفر باشه .. به صفحه میچسبه ...

container { 
width:900px;
margin:0 auto;
}