چطور باکس ها را درکنار هم با فاصله ای مشخص در css قرار دهم

[hamiyan]

سلام دوستان من تازه کار هستم و دارم طراحی سایت و بصورت خود آموز یاد میگیریم.
من توی css باکس هایی کنار هم قرار دادم ولی هر کاری می کنم از هم فاصله نمیگیرند.
کدهایی هم که استفاده کردم:

.box1,
.box2,
.box3
{width:220px; height:60px; float:left; padding-left:8px; background-image:url(../images/1.jpg); background-repeat:no-repeat; margin-top:130px; box-shadow: 1px 0px 5px #000000; border-radius: 8px }
.box4,.box5,.box6
{width:220px; height:60px; float:left; padding-left:8px; background-image:url(../images/1.jpg); background-repeat:no-repeat; margin-top:130px; box-shadow: 1px 0px 5px #000000; border-radius: 8px }

لطفا راهنماییم کنید.
با تشکر105618

[tamafi6]

به كداين خصيصه رااضافه كن


div{
position:relative;
margin:5px 5px;
{

[ateryad]

کد ها رو به این صورت تغییر دهید:


box1,.box2,.box3
{width:220px;
height:60px;
float:left;
background-image:url(../images/1.jpg);
background-repeat:no-repeat;
margin:20px 40px;
box-shadow: 1px 0px 5px #000000;
border-radius: 8px }

.box4,.box5,.box6
{width:220px;
height:60px;
float:left;
background-image:url(../images/1.jpg);
background-repeat:no-repeat;
margin:20px 40px;
box-shadow: 1px 0px 5px #000000;
border-radius: 8px }

دوست عزیز padding رو حذف کردم و margin رو هم تغییر دادم.

[hamiyan]

تشکر دوست عزیزو مشکلم بر طرف شد