Padding Top

Set an element's top padding.

Widely available

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

Chrome
Edge
Firefox
Safari

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

Responsiveness

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

Target viewport sizes with breakpoint prefixes.

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