Padding Right

Set an element's right padding.

Widely available

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

Chrome
Edge
Firefox
Safari

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

Responsiveness

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

Target viewport sizes with breakpoint prefixes.

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