Vale lembrar que nem sempre será equivalente. `margin-inline` trata apenas dos valores das margens esquerda e direita, enquanto `margin` também trata das margens superior e inferior.

Ou seja, se eu precisar ter uma margem superior e inferior diferente de zero, como por exemplo:

```css
div {
    margin: 50px auto;
}
```

Aí somente `margin-inline` não é suficiente, eu precisaria fazer algo como:

```css
div {
    margin-inline: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}
```

---

Outra diferença é que `margin-inline` é afetado pela [direcionalidade do texto](https://developer.mozilla.org/en-US/docs/Web/CSS/writing-mode). Por exemplo, se eu tiver:

```css
div {
  writing-mode: vertical-lr;
  margin-inline: auto;
}
```

A `div` não é mais centralizada no meio da linha, [veja](https://jsfiddle.net/pqgd8e5L/).

Mas se eu usar:

```css
div {
  writing-mode: vertical-lr;
  margin: 0px auto;
}
```

A `div` continua centralizada, [veja](https://jsfiddle.net/pqgd8e5L/1).

Vale lembrar que nem sempre será equivalente. margin-inline trata apenas dos valores das margens esquerda e direita, enquanto margin também trata das margens superior e inferior. Ou seja,...

Vale lembrar que nem sempre será equivalente. margin-inline trata apenas dos val · kht

Uma opção alternativa para o margin: 0 auto é u...