با استفاده از تابع calc() یک کادر (container) بسازید که عرض آن همیشه برابر 100% منهای 40px باشد، از هر طرف 20px فاصله داخلی داشته باشد و در وسط صفحه افقی قرار گیرد.

با استفاده از width: calc(100% - 40px) و padding: 20px و box-sizing: border-box، کادری ایجاد می‌کنید که عرض آن برابر با 100% منهای 40px و دارای 20px فاصله داخلی از هر طرف است. برای مرکزسازی افقی از margin: 0 auto استفاده کنید. فعال بودن border-box باعث می‌شود padding در محاسبه عرض لحاظ شود و نتیجه دقیق‌تری به دست آید. همچنین مطمئن شوید calc در مرورگرهای هدف پشتیبانی می‌شود یا در صورت نیاز گزینه‌های پشتیبان را در نظر بگیرید.