Margin Right

Set an element's right margin.

Widely available

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

Chrome
Edge
Firefox
Safari

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

Responsiveness

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

Target viewport sizes with breakpoint prefixes.

@sm:mr-(value)
Small≥640px
@md:mr-(value)
Medium≥768px
@lg:mr-(value)
Large≥1024px
@xxl:mr-(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:mr-(value)

Negative Values

Use negative variants to apply negative margins.

Use the -- syntax to apply negative numeric values.

Syntax:mr--(value)