Margin Bottom

Set an element's bottom margin.

Widely available

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

Chrome
Edge
Firefox
Safari

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

Responsiveness

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

Target viewport sizes with breakpoint prefixes.

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

Negative Values

Use negative variants to apply negative margins.

Use the -- syntax to apply negative numeric values.

Syntax:mb--(value)