margin-inlineが便利だった

margin-inlineについて

margin-inline は「論理プロパティ」で、要素のインライン方向(横方向)のマージンを設定するためのもの。
文字の記述される方向（書字方向）によって方向が変わる。

margin-inlineは、margin-inline-startとmargin-inline-endのショートハンドで

margin-inline: auto;

は、

margin-inline-start: auto;
margin-inline-end: auto;

と書くことも可能。