<!DOCTYPE html>
<title>flexbox | justify-content: left in rows</title>
<link rel="author" title="Eric Meyer" href="mailto:emeyer@igalia.com">
<link rel="help" href="https://www.w3.org/TR/css-align-3/#align-justify-content">
<link rel="match" href="flexbox_justifycontent-left-001-ref.html">
<style>
div {
  background: blue;
  margin: 1em 0;
  display: flex;
  height: 4em;
  width: 40em;
  flex-direction: row;
  justify-content: left;
}
div#row-reverse {
  flex-direction: row-reverse;
}

span {
  background: 