Inline Space | Illinois State Design System

Space Inline

<!-- space inline -->
<div class="u-space-inline">
  <div>Space Inline</div>
</div>

<!-- space inline compact -->
<div class="u-space-inline-compact">
  <div>Space Inline Compact</div>
</div>

<!-- space inline tight -->
<div class="u-space-inline-tight">
  <div>Space Inline Tight</div>
</div>

<!-- space inline loose -->
<div class="u-space-inline-loose">
  <div>Space Inline Loose</div>
</div>

<!-- space inline expanded -->
<div class="u-space-inline-expanded">
  <div>Space Inline Expanded</div>
</div>

<!-- space inline spacious -->
<div class="u-space-inline-spacious">
  <div>Space Inline Spacious</div>
</div>

<!-- space inline xs -->
<div class="u-space-inline-xs">
  <div>Space Inline XS</div>
</div>

<!-- space inline sm -->
<div class="u-space-inline-sm">
  <div>Space Inline Small</div>
</div>

<!-- space inline md -->
<div class="u-space-inline-md">
  <div>Space Inline Medium</div>
</div>

<!-- space inline lg -->
<div class="u-space-inline-lg">
  <div>Space Inline Large</div>
</div>

<!-- space inline xl -->
<div class="u-space-inline-xl">
  <div>Space Inline XL</div>
</div>