<style>
div {
  font-size: 20px;
  overflow: hidden;
  white-space: pre;
  width: 50px;
}
</style>
<div>AB&#8230;</div>
<div style="border-left: 10px solid">AB&#8230;</div>
<div style="border-left: 10px solid; padding-left: 20px;">AB&#8230;</div>
<div style="border: 10px solid; padding: 20px;">AB&#8230;</div>
<div style="direction: rtl;">GH&#8230;</div>
<div style="direction: rtl; border-left: 10px solid">GH&#8230;</div>
<div style="direction: rtl; border-left: 10px solid; padding-left: 20px;">GH&#8230;</div>
<div style="direction: rtl; border: 10px solid; padding: 20px;">GH&#8230;</div>
