مشکل با text-align:center

[A.S.Roma]

با سلام

اساتید لطفا" کدهای من رو طوری تغییر بدید تا مستطیل داخلی وسط بیاید.:عصبانی++:
هر کاری می کنم Text داخل وسط چین می شود اما Div خیر.
اصلا" چنین چیزی امکان پذیر است یا باید از طریق position:relative مکانشو بیارم وسط.

<div style="border:solid 1px #00FF00; width:200px;text-align:center">
<h1>Hello</h1>
<div style="border:solid 1px #FF0000; width:80%; text-align:center">
<h2>World</h2>
</div>
</div>

[emad_67]

<div style="border:solid 1px #00FF00; width:200px;text-align:center">
<h1>Hello</h1>
<div style="border:solid 1px #FF0000; width:80%; text-align:center; margin: 0 auto;">
<h2>World</h2>
</div>
</div>

[A.S.Roma]

تشکر ویژه از جناب Emad_67

یک توضیحی هم اگر لطف کنید که این مدل نوشتن برای Div است !؟

[emad_67]

یک توضیحی هم اگر لطف کنید که این مدل نوشتن برای Div است !؟
نه لزوما div، برای تگ های دیگه هم می تونه استفاده بشه، اما معمولا برای موقعیت دهی div به کار میره.
شما وقتی مینویسی margin: 0 auto، اتوماتیک خود مرورگر فاصله های اون تگ رو از دو سمت صفحه (در راستای محور x ها، چون مقدار مربوط به فاصله در راستای افقی رو برابر auto قرار دادیم) تعیین می کنه و اونو وسط قرار میده.