Ellipsis on Left, Period on Right

by Joel MacKenzie

HTML

<div>
This is a sentence that is too long to fit in the space provided.  The ellipsis is where I want it.
</div>

<div>
Where is the question mark?
</div>

CSS

div{
  width: 300px;
  white-space: nowrap;
  border: solid 1px #000;
  margin-bottom: 10px;

  direction: rtl;
  text-overflow: ellipsis;
  overflow: hidden;
  
}