Padding Bottom

Set an element's bottom padding.

Widely available

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

Chrome
Edge
Firefox
Safari

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

Responsiveness

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

Target viewport sizes with breakpoint prefixes.

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