JSFiddle - React, Tailwind, and code Playground

by krishna chaitanya nalluri

HTML

<div class='container'>
    <div class='detail'>
      here is some detail for youcsdssasxc
    </div>
    <div class='price'>
      12.50
    </div>  
    
  
    
  </div>

CSS

.container{
      border: 1px solid black;
      width: 600px;
      
    }
    
    .detail{
      border: 1px solid red;
      width: 400px;
      display: inline-block;
      vertical-align: bottom;
      overflow:hidden;
      white-space: nowrap;
    }
 .detail:after{
    content: "...........................................................................";
} 
    
    .price{
      border: 1px solid orange;
      width: 50px;
      display: inline-block;
      
    }