<style>
body {
  font-size: 20px;
  font-family: Ahem;
  color: green;
}
div {
  -webkit-nbsp-mode: space;
  background-color: green;
  float: left;
  clear: both;
}
</style>
<div>&nbsp;&nbsp;&nbsp;&nbsp;</div>
<div>XX&nbsp;&nbsp;</div>
<div>X&nbsp;&nbsp;X</div>
<div style="width: 0px;">XXXX&nbsp;&nbsp;XXXX</div>
<div style="white-space: pre">XX&nbsp;&nbsp;
XXX</div>
<div style="white-space: pre">XX&nbsp;&nbsp;
&nbsp;&nbsp;XX</div>
<div>XXX&nbsp;<br>&nbsp;XXX</div>