​x
 
<!DOCTYPE html>
<html>
<head>
<style>
#parentDiv {
  height: 300px;
  writing-mode: vertical-rl;
}
​
#myDiv {
  background-color: lightblue;
  border: solid black 1px;
  margin-block-end: 50px;
}
​
.redDiv {
  background-color: rgb(239, 135, 88);
  text-align: center;
}
</style>
</head>
<body>
​
<h1>margin-block-end 属性</h1>
​
<p>在这里，margin-block-end 属性受 CSS writing-mode 属性的影响。</p>
 
<div id="parentDiv">
 
  <div class="redDiv">div</div>
 
  <div id="myDiv">
    <p>这个 DIV 在块级结束方向有 50 像素的外边距。</p>
  </div>
 
  <div class="redDiv">div</div>
 
</div>
​
</body>
</html>
​