<!DOCTYPE html>
<style>
 .target:before {
    content:"\e8a7"
}
 </style>
<div style="column-count: 2;">
  <div style="height: 100px"></div>
  <div style="overflow: hidden; border-radius: 2px;">
    There should be a black rectangle below this text.
    <div class="target" style="transform: translate(0,1px);">
    </div>
  </div>
</div>