طراحی تصاویر 9 *9 در html و css

[programm1]

با عرض سلام

میخواستم بدونم چطور میتونم یک صفحه html به مشخصات زیر طراحی کنم (فقط لطفاً با توضیحات باشه)


در یک ردیف(عمودی) 3 تصویر قرار بگیره

در یک ردیف (افقی ) 3 تصویر قرار بگیره



به صورت زیر :
(پیوست شد )

شرمنده یکمقدار بد کشیدم

[forodo]

سلام
ببین این به کارت میاد:
جای حروف هرچی می خوای بذار.

http://8pic.ir/images/lkys6fk58sm5n5hgko6n.png



<div class="Division">
<div class="pic" style="background-color:#EEE;">
a
</div>
<div class="pic" style="background-color:#DDD;">
s
</div>
<div class="pic" style="background-color:#CCC;">
d
</div>
</div>
<div class="Division">
<div class="pic" style="background-color:#BBB;;">
f
</div>
<div class="pic" style="background-color:#AAA;">
g
</div>
<div class="pic" style="background-color:#999;">
h
</div>
</div>
<div class="Division">
<div class="pic" style="background-color:#888;">
j
</div>
<div class="pic" style="background-color:#777;">
k
</div>
<div class="pic" style="background-color:#666;">
l
</div>
</div>

body
{
direction:rtl;
}
.pic
{
height:50px;
text-align:center;
margin:10px;
}
.Division
{
float:right;
width:33%;
}