how to make flexible div with css or typeciprt with angular?

Issue

.resizable_div {
  border:1px solid red;
  white-space:nowrap; 
  width:100px;
  height:50px;
  line-height:50px; 
  overflow:hidden;
  text-overflow:ellipsis;
  /*margin:50px auto;*/
  padding:5px;
  resize:horizontal;
  cursor:col-resize;
  min-width:50px;
  max-width:150px;
}

<div class="resizable_div">This is an example</div>

What I want to do here is to pull from the left side and make a resizeable div, that is, I want to enlarge or reduce it by holding it from the left side. (when i expand it should expand to the left and when i collapse it should contract to the right)

Solution

Thank you for your attention guys, this is how I found the solution

   resize: both;
    overflow: auto;
    direction: rtl;
    float: right;

Answered By - Cem Özbey