SOURCE

console 命令行工具 X clear

                    
>
console
<div class="container1">
    <div>Hello World</div>
</div>
<div class="container2">
    <div>Hello World</div>
</div>
<div class="container3">
    <div>Hello World</div>
</div>
.container1 {
    width: 400px;
    height: 300px;
    border: 1px solid red;
}

.container1 div {
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid blue;
}

.container2 {
    width: 400px;
    height: 300px;
    border: 1px solid red;
    writing-mode: vertical-rl;
}

.container2 div {
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid blue;
}

.container3 {
    width: 400px;
    height: 300px;
    border: 1px solid red;
    writing-mode: vertical-rl;
}

.container3 div {
    inline-size: 100px;
    margin-inline: auto;
    border: 1px solid blue;
}