Margin Inline Start

Set an element's logical inline start margin.

Widely available

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

Chrome
Edge
Firefox
Safari

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

Responsiveness

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

Target viewport sizes with breakpoint prefixes.

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

Negative Values

Use negative variants to apply negative margins.

Use the -- syntax to apply negative numeric values.

Syntax:mis--(value)