<!DOCTYPE html><!-- webkit-test-runner [ LayoutFormattingContextEnabled=true InlineFormattingContextIntegrationEnabled=false ] -->
<style>
div {
  background-color: green;
  height: 10px;
  display: inline-block;
}

div:nth-child(even) {
  background-color: blue;
}

pre {
  line-height: 0px;
  margin-top: 8px;
}
</style>
<pre>
<div style="width: 990px;"></div><div style="width: 10px;"></div>
<div style="width: 500px;"></div><div style="width: 500px;"></div>
<div style="width: 10px;"></div><div style="width: 990px;"></div>
<div style="width: 990px;"></div><div style="width: 10px;"></div>
<div style="width: 990px;"></div><div style="width: 10px;"></div>
<div style="width: 20px;"></div><div style="width: 980px;"></div>
<div style="width: 20px;"></div><div style="width: 980px;"></div>
</pre>