Margin Inline End

Set an element's logical inline end margin.

Widely available

This feature is well established and works across many devices and browser versions.

Chrome
Edge
Firefox
Safari

mie-0
margin-inline-end: 0;
mie-1
margin-inline-end: .25rem;
mie-2
margin-inline-end: .5rem;
mie-3
margin-inline-end: .75rem;
mie-4
margin-inline-end: 1rem;
mie-5
margin-inline-end: 1.25rem;
mie-6
margin-inline-end: 1.5rem;
mie-7
margin-inline-end: 1.75rem;
mie-8
margin-inline-end: 2rem;
mie-9
margin-inline-end: 2.25rem;
mie-10
margin-inline-end: 2.5rem;
mie-11
margin-inline-end: 2.75rem;
mie-12
margin-inline-end: 3rem;
mie-13
margin-inline-end: 3.25rem;
mie-14
margin-inline-end: 3.5rem;
mie-15
margin-inline-end: 3.75rem;
mie-16
margin-inline-end: 4rem;
mie-17
margin-inline-end: 4.25rem;
mie-18
margin-inline-end: 4.5rem;
mie-19
margin-inline-end: 4.75rem;
mie-20
margin-inline-end: 5rem;
mie-21
margin-inline-end: 5.25rem;
mie-22
margin-inline-end: 5.5rem;
mie-23
margin-inline-end: 5.75rem;
mie-24
margin-inline-end: 6rem;
mie-25
margin-inline-end: 6.25rem;
mie-26
margin-inline-end: 6.5rem;
mie-27
margin-inline-end: 6.75rem;
mie-28
margin-inline-end: 7rem;
mie-29
margin-inline-end: 7.25rem;
mie-30
margin-inline-end: 7.5rem;
mie-31
margin-inline-end: 7.75rem;
mie-32
margin-inline-end: 8rem;
mie-33
margin-inline-end: 8.25rem;
mie-34
margin-inline-end: 8.5rem;
mie-35
margin-inline-end: 8.75rem;
mie-36
margin-inline-end: 9rem;
mie-37
margin-inline-end: 9.25rem;
mie-38
margin-inline-end: 9.5rem;
mie-39
margin-inline-end: 9.75rem;
mie-40
margin-inline-end: 10rem;
mie-41
margin-inline-end: 10.25rem;
mie-42
margin-inline-end: 10.5rem;
mie-43
margin-inline-end: 10.75rem;
mie-44
margin-inline-end: 11rem;
mie-45
margin-inline-end: 11.25rem;
mie-46
margin-inline-end: 11.5rem;
mie-47
margin-inline-end: 11.75rem;
mie-48
margin-inline-end: 12rem;
mie-49
margin-inline-end: 12.25rem;
mie-50
margin-inline-end: 12.5rem;
mie-51
margin-inline-end: 12.75rem;
mie-52
margin-inline-end: 13rem;
mie-53
margin-inline-end: 13.25rem;
mie-54
margin-inline-end: 13.5rem;
mie-55
margin-inline-end: 13.75rem;
mie-56
margin-inline-end: 14rem;
mie-57
margin-inline-end: 14.25rem;
mie-58
margin-inline-end: 14.5rem;
mie-59
margin-inline-end: 14.75rem;
mie-60
margin-inline-end: 15rem;
mie-61
margin-inline-end: 15.25rem;
mie-62
margin-inline-end: 15.5rem;
mie-63
margin-inline-end: 15.75rem;
mie-64
margin-inline-end: 16rem;
mie-65
margin-inline-end: 16.25rem;
mie-66
margin-inline-end: 16.5rem;
mie-67
margin-inline-end: 16.75rem;
mie-68
margin-inline-end: 17rem;
mie-69
margin-inline-end: 17.25rem;
mie-70
margin-inline-end: 17.5rem;
mie-71
margin-inline-end: 17.75rem;
mie-72
margin-inline-end: 18rem;
mie-73
margin-inline-end: 18.25rem;
mie-74
margin-inline-end: 18.5rem;
mie-75
margin-inline-end: 18.75rem;
mie-76
margin-inline-end: 19rem;
mie-77
margin-inline-end: 19.25rem;
mie-78
margin-inline-end: 19.5rem;
mie-79
margin-inline-end: 19.75rem;
mie-80
margin-inline-end: 20rem;
mie-81
margin-inline-end: 20.25rem;
mie-82
margin-inline-end: 20.5rem;
mie-83
margin-inline-end: 20.75rem;
mie-84
margin-inline-end: 21rem;
mie-85
margin-inline-end: 21.25rem;
mie-86
margin-inline-end: 21.5rem;
mie-87
margin-inline-end: 21.75rem;
mie-88
margin-inline-end: 22rem;
mie-89
margin-inline-end: 22.25rem;
mie-90
margin-inline-end: 22.5rem;
mie-91
margin-inline-end: 22.75rem;
mie-92
margin-inline-end: 23rem;
mie-93
margin-inline-end: 23.25rem;
mie-94
margin-inline-end: 23.5rem;
mie-95
margin-inline-end: 23.75rem;
mie-96
margin-inline-end: 24rem;
mie-97
margin-inline-end: 24.25rem;
mie-98
margin-inline-end: 24.5rem;
mie-99
margin-inline-end: 24.75rem;
mie-100
margin-inline-end: 25rem;
mie-101
margin-inline-end: 25.25rem;
mie-102
margin-inline-end: 25.5rem;
mie-103
margin-inline-end: 25.75rem;
mie-104
margin-inline-end: 26rem;
mie-105
margin-inline-end: 26.25rem;
mie-106
margin-inline-end: 26.5rem;
mie-107
margin-inline-end: 26.75rem;
mie-108
margin-inline-end: 27rem;
mie-109
margin-inline-end: 27.25rem;
mie-110
margin-inline-end: 27.5rem;
mie-111
margin-inline-end: 27.75rem;
mie-112
margin-inline-end: 28rem;
mie-113
margin-inline-end: 28.25rem;
mie-114
margin-inline-end: 28.5rem;
mie-115
margin-inline-end: 28.75rem;
mie-116
margin-inline-end: 29rem;
mie-117
margin-inline-end: 29.25rem;
mie-118
margin-inline-end: 29.5rem;
mie-119
margin-inline-end: 29.75rem;
mie-120
margin-inline-end: 30rem;
mie-121
margin-inline-end: 30.25rem;
mie-122
margin-inline-end: 30.5rem;
mie-123
margin-inline-end: 30.75rem;
mie-124
margin-inline-end: 31rem;
mie-125
margin-inline-end: 31.25rem;
mie-126
margin-inline-end: 31.5rem;
mie-127
margin-inline-end: 31.75rem;
mie-128
margin-inline-end: 32rem;
mie-129
margin-inline-end: 32.25rem;
mie-130
margin-inline-end: 32.5rem;
mie-131
margin-inline-end: 32.75rem;
mie-132
margin-inline-end: 33rem;
mie-133
margin-inline-end: 33.25rem;
mie-134
margin-inline-end: 33.5rem;
mie-135
margin-inline-end: 33.75rem;
mie-136
margin-inline-end: 34rem;
mie-137
margin-inline-end: 34.25rem;
mie-138
margin-inline-end: 34.5rem;
mie-139
margin-inline-end: 34.75rem;
mie-140
margin-inline-end: 35rem;
mie-141
margin-inline-end: 35.25rem;
mie-142
margin-inline-end: 35.5rem;
mie-143
margin-inline-end: 35.75rem;
mie-144
margin-inline-end: 36rem;
mie-145
margin-inline-end: 36.25rem;
mie-146
margin-inline-end: 36.5rem;
mie-147
margin-inline-end: 36.75rem;
mie-148
margin-inline-end: 37rem;
mie-149
margin-inline-end: 37.25rem;
mie-150
margin-inline-end: 37.5rem;
mie-151
margin-inline-end: 37.75rem;
mie-152
margin-inline-end: 38rem;
mie-153
margin-inline-end: 38.25rem;
mie-154
margin-inline-end: 38.5rem;
mie-155
margin-inline-end: 38.75rem;
mie-156
margin-inline-end: 39rem;
mie-157
margin-inline-end: 39.25rem;
mie-158
margin-inline-end: 39.5rem;
mie-159
margin-inline-end: 39.75rem;
mie-160
margin-inline-end: 40rem;
mie-161
margin-inline-end: 40.25rem;
mie-162
margin-inline-end: 40.5rem;
mie-163
margin-inline-end: 40.75rem;
mie-164
margin-inline-end: 41rem;
mie-165
margin-inline-end: 41.25rem;
mie-166
margin-inline-end: 41.5rem;
mie-167
margin-inline-end: 41.75rem;
mie-168
margin-inline-end: 42rem;
mie-169
margin-inline-end: 42.25rem;
mie-170
margin-inline-end: 42.5rem;
mie-171
margin-inline-end: 42.75rem;
mie-172
margin-inline-end: 43rem;
mie-173
margin-inline-end: 43.25rem;
mie-174
margin-inline-end: 43.5rem;
mie-175
margin-inline-end: 43.75rem;
mie-176
margin-inline-end: 44rem;
mie-177
margin-inline-end: 44.25rem;
mie-178
margin-inline-end: 44.5rem;
mie-179
margin-inline-end: 44.75rem;
mie-180
margin-inline-end: 45rem;
mie-181
margin-inline-end: 45.25rem;
mie-182
margin-inline-end: 45.5rem;
mie-183
margin-inline-end: 45.75rem;
mie-184
margin-inline-end: 46rem;
mie-185
margin-inline-end: 46.25rem;
mie-186
margin-inline-end: 46.5rem;
mie-187
margin-inline-end: 46.75rem;
mie-188
margin-inline-end: 47rem;
mie-189
margin-inline-end: 47.25rem;
mie-190
margin-inline-end: 47.5rem;
mie-191
margin-inline-end: 47.75rem;
mie-192
margin-inline-end: 48rem;
mie-193
margin-inline-end: 48.25rem;
mie-194
margin-inline-end: 48.5rem;
mie-195
margin-inline-end: 48.75rem;
mie-196
margin-inline-end: 49rem;
mie-197
margin-inline-end: 49.25rem;
mie-198
margin-inline-end: 49.5rem;
mie-199
margin-inline-end: 49.75rem;
mie-200
margin-inline-end: 50rem;
mie-201
margin-inline-end: 50.25rem;
mie-202
margin-inline-end: 50.5rem;
mie-203
margin-inline-end: 50.75rem;
mie-204
margin-inline-end: 51rem;
mie-205
margin-inline-end: 51.25rem;
mie-206
margin-inline-end: 51.5rem;
mie-207
margin-inline-end: 51.75rem;
mie-208
margin-inline-end: 52rem;
mie-209
margin-inline-end: 52.25rem;
mie-210
margin-inline-end: 52.5rem;
mie-211
margin-inline-end: 52.75rem;
mie-212
margin-inline-end: 53rem;
mie-213
margin-inline-end: 53.25rem;
mie-214
margin-inline-end: 53.5rem;
mie-215
margin-inline-end: 53.75rem;
mie-216
margin-inline-end: 54rem;
mie-217
margin-inline-end: 54.25rem;
mie-218
margin-inline-end: 54.5rem;
mie-219
margin-inline-end: 54.75rem;
mie-220
margin-inline-end: 55rem;
mie-221
margin-inline-end: 55.25rem;
mie-222
margin-inline-end: 55.5rem;
mie-223
margin-inline-end: 55.75rem;
mie-224
margin-inline-end: 56rem;
mie-225
margin-inline-end: 56.25rem;
mie-226
margin-inline-end: 56.5rem;
mie-227
margin-inline-end: 56.75rem;
mie-228
margin-inline-end: 57rem;
mie-229
margin-inline-end: 57.25rem;
mie-230
margin-inline-end: 57.5rem;
mie-231
margin-inline-end: 57.75rem;
mie-232
margin-inline-end: 58rem;
mie-233
margin-inline-end: 58.25rem;
mie-234
margin-inline-end: 58.5rem;
mie-235
margin-inline-end: 58.75rem;
mie-236
margin-inline-end: 59rem;
mie-237
margin-inline-end: 59.25rem;
mie-238
margin-inline-end: 59.5rem;
mie-239
margin-inline-end: 59.75rem;
mie-240
margin-inline-end: 60rem;
mie-241
margin-inline-end: 60.25rem;
mie-242
margin-inline-end: 60.5rem;
mie-243
margin-inline-end: 60.75rem;
mie-244
margin-inline-end: 61rem;
mie-245
margin-inline-end: 61.25rem;
mie-246
margin-inline-end: 61.5rem;
mie-247
margin-inline-end: 61.75rem;
mie-248
margin-inline-end: 62rem;
mie-249
margin-inline-end: 62.25rem;
mie-250
margin-inline-end: 62.5rem;
mie-251
margin-inline-end: 62.75rem;
mie-252
margin-inline-end: 63rem;
mie-253
margin-inline-end: 63.25rem;
mie-254
margin-inline-end: 63.5rem;
mie-255
margin-inline-end: 63.75rem;
mie-256
margin-inline-end: 64rem;
mie-257
margin-inline-end: 64.25rem;
mie-258
margin-inline-end: 64.5rem;
mie-259
margin-inline-end: 64.75rem;
mie-260
margin-inline-end: 65rem;
mie-261
margin-inline-end: 65.25rem;
mie-262
margin-inline-end: 65.5rem;
mie-263
margin-inline-end: 65.75rem;
mie-264
margin-inline-end: 66rem;
mie-265
margin-inline-end: 66.25rem;
mie-266
margin-inline-end: 66.5rem;
mie-267
margin-inline-end: 66.75rem;
mie-268
margin-inline-end: 67rem;
mie-269
margin-inline-end: 67.25rem;
mie-270
margin-inline-end: 67.5rem;
mie-271
margin-inline-end: 67.75rem;
mie-272
margin-inline-end: 68rem;
mie-273
margin-inline-end: 68.25rem;
mie-274
margin-inline-end: 68.5rem;
mie-275
margin-inline-end: 68.75rem;
mie-276
margin-inline-end: 69rem;
mie-277
margin-inline-end: 69.25rem;
mie-278
margin-inline-end: 69.5rem;
mie-279
margin-inline-end: 69.75rem;
mie-280
margin-inline-end: 70rem;
mie-281
margin-inline-end: 70.25rem;
mie-282
margin-inline-end: 70.5rem;
mie-283
margin-inline-end: 70.75rem;
mie-284
margin-inline-end: 71rem;
mie-285
margin-inline-end: 71.25rem;
mie-286
margin-inline-end: 71.5rem;
mie-287
margin-inline-end: 71.75rem;
mie-288
margin-inline-end: 72rem;
mie-289
margin-inline-end: 72.25rem;
mie-290
margin-inline-end: 72.5rem;
mie-291
margin-inline-end: 72.75rem;
mie-292
margin-inline-end: 73rem;
mie-293
margin-inline-end: 73.25rem;
mie-294
margin-inline-end: 73.5rem;
mie-295
margin-inline-end: 73.75rem;
mie-296
margin-inline-end: 74rem;
mie-297
margin-inline-end: 74.25rem;
mie-298
margin-inline-end: 74.5rem;
mie-299
margin-inline-end: 74.75rem;
mie-300
margin-inline-end: 75rem;
mie-301
margin-inline-end: 75.25rem;
mie-302
margin-inline-end: 75.5rem;
mie-303
margin-inline-end: 75.75rem;
mie-304
margin-inline-end: 76rem;
mie-305
margin-inline-end: 76.25rem;
mie-306
margin-inline-end: 76.5rem;
mie-307
margin-inline-end: 76.75rem;
mie-308
margin-inline-end: 77rem;
mie-309
margin-inline-end: 77.25rem;
mie-310
margin-inline-end: 77.5rem;
mie-311
margin-inline-end: 77.75rem;
mie-312
margin-inline-end: 78rem;
mie-313
margin-inline-end: 78.25rem;
mie-314
margin-inline-end: 78.5rem;
mie-315
margin-inline-end: 78.75rem;
mie-316
margin-inline-end: 79rem;
mie-317
margin-inline-end: 79.25rem;
mie-318
margin-inline-end: 79.5rem;
mie-319
margin-inline-end: 79.75rem;
mie-320
margin-inline-end: 80rem;
mie-321
margin-inline-end: 80.25rem;
mie-322
margin-inline-end: 80.5rem;
mie-323
margin-inline-end: 80.75rem;
mie-324
margin-inline-end: 81rem;
mie-325
margin-inline-end: 81.25rem;
mie-326
margin-inline-end: 81.5rem;
mie-327
margin-inline-end: 81.75rem;
mie-328
margin-inline-end: 82rem;
mie-329
margin-inline-end: 82.25rem;
mie-330
margin-inline-end: 82.5rem;
mie-331
margin-inline-end: 82.75rem;
mie-332
margin-inline-end: 83rem;
mie-333
margin-inline-end: 83.25rem;
mie-334
margin-inline-end: 83.5rem;
mie-335
margin-inline-end: 83.75rem;
mie-336
margin-inline-end: 84rem;
mie-337
margin-inline-end: 84.25rem;
mie-338
margin-inline-end: 84.5rem;
mie-339
margin-inline-end: 84.75rem;
mie-340
margin-inline-end: 85rem;
mie-341
margin-inline-end: 85.25rem;
mie-342
margin-inline-end: 85.5rem;
mie-343
margin-inline-end: 85.75rem;
mie-344
margin-inline-end: 86rem;
mie-345
margin-inline-end: 86.25rem;
mie-346
margin-inline-end: 86.5rem;
mie-347
margin-inline-end: 86.75rem;
mie-348
margin-inline-end: 87rem;
mie-349
margin-inline-end: 87.25rem;
mie-350
margin-inline-end: 87.5rem;
mie-351
margin-inline-end: 87.75rem;
mie-352
margin-inline-end: 88rem;
mie-353
margin-inline-end: 88.25rem;
mie-354
margin-inline-end: 88.5rem;
mie-355
margin-inline-end: 88.75rem;
mie-356
margin-inline-end: 89rem;
mie-357
margin-inline-end: 89.25rem;
mie-358
margin-inline-end: 89.5rem;
mie-359
margin-inline-end: 89.75rem;
mie-360
margin-inline-end: 90rem;
mie-361
margin-inline-end: 90.25rem;
mie-362
margin-inline-end: 90.5rem;
mie-363
margin-inline-end: 90.75rem;
mie-364
margin-inline-end: 91rem;
mie-365
margin-inline-end: 91.25rem;
mie-366
margin-inline-end: 91.5rem;
mie-367
margin-inline-end: 91.75rem;
mie-368
margin-inline-end: 92rem;
mie-369
margin-inline-end: 92.25rem;
mie-370
margin-inline-end: 92.5rem;
mie-371
margin-inline-end: 92.75rem;
mie-372
margin-inline-end: 93rem;
mie-373
margin-inline-end: 93.25rem;
mie-374
margin-inline-end: 93.5rem;
mie-375
margin-inline-end: 93.75rem;
mie-376
margin-inline-end: 94rem;
mie-377
margin-inline-end: 94.25rem;
mie-378
margin-inline-end: 94.5rem;
mie-379
margin-inline-end: 94.75rem;
mie-380
margin-inline-end: 95rem;
mie-381
margin-inline-end: 95.25rem;
mie-382
margin-inline-end: 95.5rem;
mie-383
margin-inline-end: 95.75rem;
mie-384
margin-inline-end: 96rem;
mie-auto
margin-inline-end: auto;
mie-px
margin-inline-end: 1px;

Responsiveness

Use breakpoint prefixes to target different screen sizes. Styles apply from the breakpoint & up.

Target viewport sizes with breakpoint prefixes.

@sm:mie-(value)
Small≥640px
@md:mie-(value)
Medium≥768px
@lg:mie-(value)
Large≥1024px
@xxl:mie-(value)
Extra Large≥1536px

Hover State

Apply styles conditionally on hover using the h: prefix.

Add the h: prefix to apply styles only when the user hovers over the element.

Syntax:h:mie-(value)

Negative Values

Use negative variants to apply negative margins.

Use the -- syntax to apply negative numeric values.

Syntax:mie--(value)