atom invisibles

by toubia95

HTML

<span class="espace"></span><span class="espace"></span><span class="espace"></span><span class="espace"></span>TOTO<span class="espace"></span><span class="espace"></span>TATA<span class="espace"></span>TITI<span class="espace"></span>TUTU<br>
<span class="invisible-character leading-whitespace indent-guide"></span>

CSS

.espace, .espace:before {
  box-sizing: border-box;
  font-family: Menlo, Consolas, 'DejaVu Sans Mono', monospace;
}
.espace:before {
  content: "·";
  color: rgba(171, 178, 191, 0.15);
  display: inline-block;
  //box-shadow: inset 1px 0;
  font-weight: normal !important;
  font-style: normal !important;
}