<style>
.container {
  width: 50px;
  height: 45px;
  font-size: 10px;
  color: transparent;
  font-family: Ahem;
  background-color: green;
}
.out_of_flow {
  display: inline;
  width: 25px;
  height: 25px;
  background-color: blue;
  position: absolute;
}
</style>
<div class=container style="text-indent: 10px;">some text<br><div class=out_of_flow></div></div>
<div class=container style="text-indent: 25px each-line;">some text<br><div class=out_of_flow></div></div>
<div class=container style="text-indent: -25px each-line;">some text<br><div class=out_of_flow></div></div>
<div class=container style="direction: rtl; text-indent: 25px each-line;">some text<br><div class=out_of_flow></div></div>
<div class=container style="direction: rtl; text-indent: -25px each-line;">some text<br><div class=out_of_flow></div></div>
<div class=container style="writing-mode: vertical-lr; text-indent: 20px each-line;">some text<br><div class=out_of_flow></div></div>
<div class=container style="writing-mode: vertical-lr; text-indent: -20px each-line;">some text<br><div class=out_of_flow></div></div>
