راهنمایی در مورد ژCSS مقدماتی

[reza10wert]

سلام دوستان
من میخواستم یک بلاک با عرض 1000px و ارتفاع 1200px داشته باشم وسط صفحه و بعد در داخل این بلاک یک بلاک دیگر با طوری قرار بگیرد که عرض آن به اندازه بلاک قبلی و از بالا و پایین بلاک قبلی 50px فاصله داشته باشه
کدهای CSS و نحوه استفاده از Div رو میخوام
مثل شکل زیر
79244
http://barnamenevis.org/images/misc/pencil.png

[exlord]

.blovk1<style type="text/css">
.block_top {
width: 1000px;
height: 1200px;
display: block;
background-color: green;
margin: 0 auto;

}

.block2 {
background-color: yellow;
height: 1100px;
position: relative;
top: 50px;
}
</style>
<div class="block_top">
<div class="block2"></div>
</div>