margin-inline and padding-inline?

[shivajikobardan]

.container{

max-width:1180px;

margin-inline:auto; /*container centre*/

padding-inline:var(--padding-inline-section)

}

They're shorthand for margin-inline-start and margin-inline-end. But simply, what do they mean? In terms of padding/margin left, right, top and bottom? I tried looking MDN docs but wasn't clear from there.

[duncannah]

Inline margin and padding follow the text's writing direction and orientation. It has two directions: start and end.

So for example, for regular English text (Left to right, horizontal), start would be the equivalent of margin/padding left, and end would be the equivalent of right.