Whitespace doesn't matter in HTML – unless it does

dabblet.css

.wrapper {
  width: 253px;
  background: red;
  box-sizing: border-box;
  margin: 10px
}

a {
  display: inline-block;
  width: 50%; /* set to 49% to see the gap */
  background: green;
  /* float: left;*/ /*solution*/
}

.last {
  background: yellow;
}

dabblet.html

I just learned that the whitespace between two <code>inline-block</code> tags is relevant for their spacing.

<div class="wrapper">
  <a class="first">A</a>
  <a class="last">B</a>
</div>

<div class="wrapper"><a class="first">A</a><a class="last">B</a></div>

<br/>
<em>same as the whitespace between</em> <strong>these two tags</strong>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}