margin-inline-start和margin-block-start表现对比实例页面

CSS代码：

.box {
    background: #f0f3f9;
    overflow: hidden;
}
.content {
    background-color: #cd0000;
    color: #fff;    
}
.inline-start {
    margin-inline-start: 40px;
}
.block-start {
    margin-block-start: 40px;
}

HTML代码：

<h4>默认margin-inline-start</h4>
<div class="box">
    <div class="content inline-start">刘慈欣的小说《流浪地球》居然拍电影了！</div>
</div>
<h4>默认margin-block-start</h4>
<div class="box">
    <div class="content block-start">刘慈欣的小说《流浪地球》居然拍电影了！</div>
</div>