תודה רבה לגל שעזר לי

אבל - יש לי עוד שאלה קטנה,
בקוד הבא -
קוד:
<style type="text/css">
html, body
{
margin:auto;
text-align:center;
}
#packages
{
margin-top: 2px;
width: 305px;
clear:both;
font-size: 9pt;
}
#right
{
float:right;
width:151px;
height:122px;
background-image: url('images/k.jpg');
padding-right: 10px;
padding-top: 30px;
text-align:right;
}
#left
{
float:left;
width:151px;
height:122px;
background-image: url('images/b.jpg');
padding-right: 10px;
padding-top: 30px;
text-align:right;
}
</style>
איך עושים שיהיו ארבעה תמונות, ולא שתיים?
תביאו לי בבקשה קוד css עם ארבעה תמונות, במקום שתיים,
וגם תעשו בקוד הזה ארבעה,
אבל אחד אחרי השני,
קוד:
<div id="packages">
<div id="right">
שטח אח' : 250mb
<br />
תע' חודשית : 20gb
<br />
כל השאר ללא הגבלה!
<br />
מחיר חודשי - 25 ש"ח
<br />
<br />
לפרטים נוספים לחץ כאן
</div>
<div id="left">
שטח אח' : 250mb
<br />
תע' חודשית : 20gb
<br />
כל השאר ללא הגבלה!
<br />
מחיר חודשי - 25 ש"ח
<br />
<br />
לפרטים נוספים לחץ כאן
</div>
</div>
יום נעים,
בן
