margin-inline
A logical shorthand for 'margin-inline-start' and 'margin-inline-end'. It sets the horizontal spacing (left and right) in one line.
Quick example
.button {
/* Adds 1rem space to both left and right logically */
margin-inline: 1rem;
}Quick facts
Initial value
See individual propertiesInherited
No
Applies to
same as margin
Animation type
length
Values
margin-top margin-inline Browser Support
Widely available Since 2021 95% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2021.
Safe to use without fallbacks.
87+
66+
14.1+
87+