Question #204

Author: admin
tags: HTML   CSS   frontend (web)  
HTML:
<div class="container">
  <div class="mars">
    Mars
  </div>

  <div class="earth">
    Earth
  </div>

  <div class="venus">
    Venus
  </div>

  <div class="jupiter">
    Jupiter
  </div>

  <div class="mercury">
    Mercury
  </div>
</div>
CSS:
.container {
  display: flex;
  gap: 10px;
}

.earth {
  order: 2;
}

.mars {
  order: 2;
}

.venus {
  order: 1;
}

.mercury {
  order: -1;
}
In what order will the words be displayed from left to right?
Jupiter Mercury Venus Mars Earth
Jupiter Mercury Venus Earth Mars
Jupiter Earth Mars Venus Mercury
Jupiter Mars Earth Venus Mercury
Earth Mars Venus Mercury Jupiter
Earth Mars Venus Jupiter Mercury
Mars Earth Venus Mercury Jupiter
Mars Earth Venus Jupiter Mercury
Mercury Venus Mars Earth Jupiter
Mercury Venus Earth Mars Jupiter
Mercury Jupiter Venus Mars Earth
Items are sorted by ascending order value and then by their source code order.
Initial (default) value is 0.
Rate the difficulty of the question:
easyhard