Inset X

Set the horizontal placement of positioned elements.

Widely available

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

Chrome
Edge
Firefox
Safari

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

Responsiveness

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

Target viewport sizes with breakpoint prefixes.

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

Negative Values

Use negative variants to position in the opposite direction.

Use the -- syntax to apply negative numeric values.

Syntax:ix--(value)