五、创建上下两个DIV，上下外边距分别是40px 六、创建上下两个DIV，左右外边距分别是40px 七、给行级元素上下左右外边距分别是40px 八、给行内块级元素上下左右外边距分别是40px

六、创建上下两个DIV，左右外边距分别是40px：

HTML代码：

<div class="container">
  <div class="box"></div>
  <div class="box"></div>
</div>

CSS代码：

.container {
  display: flex;
  justify-content: space-between;
  margin: 40px 0;
}

.box {
  width: 100px;
  height: 100px;
  margin: 0 40px;
  background-color: #ccc;
}

七、给行级元素上下左右外边距分别是40px：

HTML代码：

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

CSS代码：

p {
  margin: 40px;
}

八、给行内块级元素上下左右外边距分别是40px：

HTML代码：

<span>Lorem ipsum dolor sit amet</span>

CSS代码：

span {
  display: inline-block;
  margin: 40px;
  padding: 10px;
  background-color: #ccc;
}