inline space solution

by Ting-Yuan Chang

HTML

Original:
<div id="original">
  <span>A</span>
  <span>B</span>
  <span>C</span>
</div>

Write in one line:
<div id="oneLine">
  <span>A</span><span>B</span><span>C</span>
</div>

Use comment to remove space('\n'->' '):
<div id="C">
  <span>A</span><!--
  --><span>B</span><!--
  --><span>C</span>
</div>

Place close tag on next line(space will be placed in span):
<div id="C">
  <span>A
  </span><span>B
  </span><span>C</span>
</div>

CSS

span {
  background: lightblue;
}

div {
  margin-bottom: 1rem;
}