[استفسار] عمل مربعات متجاورة باستخدامcss

السلام عليكم...

أن أمكن أريد طريقة عمل مربعات متجاورة باستخدام css


يعني أريد المربعان الأخضران متجاوران جنب بعض باستخدام أكواد الcce>>

أنا عملت هضي الأكواد وظهر كما في الصورة في الأعلى:

.squere1{
width:50px;
height:40px;
background-color:green;
margin-left:10px;
margin-top:10px;
margin-bottom:10px;
border-style:double;
border:5px black double;
}

.squere2{
width:50px;
height:40px;
background-color:green;
margin-left:80px;
margin-top:10px;
margin-bottom:10px;
border-style:double;
border:5px black double;


}