# پروژه اولیه پروژه اولیه را از [این لینک](/contest/assignments/20701/download_problem_initial_project/67915/) دانلود کنید. ساختار فایل‌های این پروژه به صورت زیر است. ``` centering-with-css ├── __tests__ │ ├── requirements.txt │ └── sample_test.py ├── index.html └── style.css ``` <details class="brown"> <summary> راه‌اندازی پروژه </summary> - ابتدا پروژه‌ی اولیه را دانلود و از حالت فشرده خارج کنید. - سپس فایل `index.html` را در مرورگر خود باز کنید. </details> # جزئیات در این سوال شما باید با استایل دادن، تگ *div* با کلاس `box` را در مرکز *div* با کلاس `container` قرار دهید. طول و عرض تگ *div* با کلاس `container` میتواند متغیر باشد. استایل دهی شما باید در اندازه های مختلف برای تگ *div* با کلاس `container` تگ *div* با کلاس `box` را در مرکز (از نظر افقی و عمودی وسط) قرار دهد. # نکات - شما تنها مجاز به اعمال تغییرات در فایل `style.css` هستید. - فقط فایلی را که مجاز به تغییر هستید باید آپلود نمایید. # قسمت آموزشی در این قسمت راهنمایی‌های سوال، به مرور اضافه می‌شود. مشکلات‌تان در راستای حل سوال را می‌توانید از بخش ["سوال بپرسید"](https://quera.ir/contest/clarification/20701/) مطرح کنید. <details class="blue"> <summary> راهنمایی ۱ </summary> دوتا لینک مفید در مورد وسط قرار دادن المان در *CSS*: - https://css-tricks.com/centering-css-complete-guide/ - https://www.freecodecamp.org/news/how-to-center-anything-with-css-align-a-div-text-and-more/ </details>

حل سؤال در بانک سؤالات