<style>
div {
  font-family: Ahem;
  font-size: 20px;
  color: transparent;
  width: 60px;
  margin-top: 10px;
  white-space: pre;
}
span {
  outline: 1px solid green;
}
</style>
<div><span>XXX<br>X</span></div>
<div style="transform: scaleX(-1);"><span>XXX<br>X</span></div>
<div><span>XX<br>X<br>X</span></div>
<div style="transform: scaleX(-1);"><span>XX<br>X<br>X</span></div>
<div style="transform: scaleX(-1) scaleY(-1);"><span>XX<br>X<br>X</span></div>
<div><span>X<br>X<br>XX</span></div>
<div style="transform: translateX(10px)"><span>X<br>X<br>XX</span></div>
<div style="transform: translateX(10px)"><span>X<br>X<br>XX</span></div>