有人能告诉我如何在这段html/css代码中提供三个部分之间的间距吗？

我已经创建了这个网页。我想提供各部分之间的间距。我使用了margin属性，但这三个部分不在一行中，第三个部分跳转到新行。我使用了12列网格布局。
这是指向我的html/css代码的链接

h1{
字体系列：无衬线；
字体大小：粗体；
文本对齐：居中；
}
*{
框大小：边框框；
}
.集装箱{
宽度：95%；
保证金：自动；
}
/**大型设备**/
@介质（最小宽度：992px）{
.col-lg-1、.col-lg2、.col-lg-3、.col-lg-4、.col-lg-5、.col-lg-6、，
.col-lg-7、.col-lg-8、.col-lg-9、.col-lg-10、.col-lg-11、.col-lg-12{
浮动：左；
边框：1px纯黑；
/*保证金：5px*/
}
.col-lg-1{
宽度：8.33%；
}
.col-lg-2{
宽度：16.66%；
}
.col-lg-3{
宽度：25%；
}
.col-lg-4{
宽度：33.33%；
}
.col-lg-5{
宽度：41.66%；
}
.col-lg-6{
宽度：50%；
}
.col-lg-7{
宽度：58.33%；
}
.col-lg-8{
宽度：66.66%；
}
.col-lg-9{
宽度：74.99%；
}
.col-lg-10{
宽度：83.33%；
}
.col-lg-11{
宽度：91.66%；
}
.col-lg-12{
宽度：100%；
}
}
/**媒体设备**/
@介质（最小宽度：768px）和（最大宽度：991px）{
.col-md-1、.col-md-2、.col-md-3、.col-md-4、.col-md-5、.col-md-6、，
.col-md-7、.col-md-8、.col-md-9、.col-md-10、.col-md-11、.col-md-12{
浮动：左；
边框：1px纯黑；
}
.col-md-1{
宽度：8.33%；
}
.col-md-2{
宽度：16.66%；
}
.col-md-3{
宽度：25%；
}
.col-md-4{
宽度：33.33%；
}
.col-md-5{
宽度：41.66%；
}
.col-md-6{
宽度：50%；
背景：灰色；
}
.col-md-7{
宽度：58.33%；
}
.col-md-8{
宽度：66.66%；
}
.col-md-9{
宽度：74.99%；
}
.col-md-10{
宽度：83.33%；
}
.col-md-11{
宽度：91.66%；
}
.col-md-12{
宽度：100%；
}	
}
p{
宽度：90%；
字体系列：Helvetica；
颜色：黑色；
右边距：自动；
左边距：自动；
明确：两者皆有；
}
#鸡肉、牛肉、寿司{
位置：相对位置；
左：1%；
顶部：-5px；
浮动：对；
边框：1px纯黑；
宽度：30%；
文本对齐：居中；
字体大小：1.2米；
保证金：0；
}
#鸡{
背景：粉红色；
}
#牛肉{
背景：绿色；
}
#寿司{
背景：紫罗兰色；
}
分区>分区{
边框：3倍纯黑；
填充物：5px；
/*保证金：自动*/
/*保证金：1px*/
背景：灰色；
位置：相对位置；
}

单元2作业
我们的菜单
鸡

Lorem ipsum dolor sit amet，奉献精英。我们的尊严和权利都是绝对的，因为我们的权利是绝对的！在asperiores dolorem。因此，劳丹蒂姆共和国、德高望重的瓦鲁帕提布、铜酸盐的质量是最高的。Illo，别名voluptatem accusamus和natus Consequentur quis doloribus porro vero假设临时性的quos quam quam，libero quod，它是一个拥有建筑所有权的人？

牛肉

Lorem ipsum dolor sit amet，奉献精英。我们的尊严和权利都是绝对的，因为我们的权利是绝对的！在asperiores dolorem。因此，劳丹蒂姆共和国、德高望重的瓦鲁帕提布、铜酸盐的质量是最高的。Illo，别名voluptatem accusamus和natus Consequentur quis doloribus porro vero假设临时性的quos quam quam，libero quod，它是一个拥有建筑所有权的人？

寿司

Lorem ipsum dolor sit amet，奉献精英。我们的尊严和权利都是绝对的，因为我们的权利是绝对的！在asperiores dolorem。因此，劳丹蒂姆共和国、德高望重的瓦鲁帕提布、铜酸盐的质量是最高的。Illo，别名voluptatem accusamus和natus Consequentur quis doloribus porro vero假设临时性的quos quam quam，libero quod，它是一个拥有建筑所有权的人？

您可以创建一个部分，然后在其中执行列操作。像

 <section>
   <row class=”container">

      <div class="col-md-4">
         Your content 
       <div>
      <div class="col-md-4">
         Your content 
       <div>
      <div class="col-md-4">
         Your content 
       <div>

   </row>

 </section>

您是否尝试使用超过1倍的保证金？您也可以使用
页边距底部：10px如果您只想在底部留一个边距。