[Solved] Css align element left [closed]

by


https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox

.top {
  display: flex;
}

.top .toggler {
  margin-left: auto;
}
<header class="top">
  <span>&#x2630;</span>
  <span class="toggler">ON/OFF</span>
</header>

or simply like:

.top {
  display: flex;
  justify-content: space-between;
}
<header class="top">
  <span>&#x2630;</span>
  <span>ON/OFF</span>
</header>

4

solved Css align element left [closed]