Margin Block End

Set an element's logical block end margin.

Widely available

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

Chrome
Edge
Firefox
Safari

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

Responsiveness

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

Target viewport sizes with breakpoint prefixes.

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

Negative Values

Use negative variants to apply negative margins.

Use the -- syntax to apply negative numeric values.

Syntax:mbe--(value)