Skip to main content

Left

Set the left placement of positioned elements.

Widely available

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

Chrome
Edge
Firefox
Safari

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

Media Queries

Prefix a class with a breakpoint to apply it from that width up.

Pseudo Classes

Prefix a class with a state to apply it only while that state matches.

Negative Values

Double the hyphen to negate any value on the scale.