title: What do "s" and "e" stand for in the Bootstrap 5 spacing utility classes?
body: <p>Bootstrap 5 documentation for the spacing utility classes states:</p>
  <blockquote>
  <p>Where sides is one of:</p>
  <ul>
  <li>t - for classes that set <code>margin-top</code> or <code>padding-top</code></li>
  <li>b - for classes that set <code>margin-bottom</code> or <code>padding-bottom</code></li>
  <li>s - for classes that set <code>margin-left</code> or <code>padding-left</code> in LTR, <code>margin-right</code> or <code>padding-right</code> in RTL</li>
  <li>e - for classes that set <code>margin-right</code> or <code>padding-right</code> in LTR, <code>margin-left</code> or <code>padding-left</code> in RTL</li>
  </ul>
  </blockquote>
  <p>So, for a small bit of left padding, you'll use the class <code>ps-1</code> in Bootstrap 5, where it used to be <code>pl-1</code> in Bootstrap 4.</p>
  <p>I assume they changed this so it would be less confusing for RTL languages, but I can't for the life of me think of what <em>s</em> or <em>e</em> would stand for. I'm never going to remember &quot;s is left&quot; without actually understanding what metaphor the <em>s</em>/<em>e</em> stand for.</p>
  <p>So, what do <em>s</em> and <em>e</em> stand for?</p>