JSFiddle - React, Tailwind, and code Playground

by Ratanak Serey

HTML

<div class="article"><span class="title">- ឈ្មោះ {{clientKhName}} ភេទ {{clientGender}} ​ឯកសារ​អត្ដសញ្ញាណ​.........................................​លេខ​.......................ចុះ​ថ្ងៃ​ទី</span><span class="dots"></span></div>​និង​ឈ្មោះ​............................................................​ភេទ​...............​ឯកសារ​អត្ដសញ្ញាណ​...........................​លេខ​...........................................​ចុះ​ថ្ងៃទី​....................................​ត្រូវ​ជា​........................​អាសយដ្ឋាន​បច្ចុប្បន្ន​ផ្ទះ​លេខ​..........................​​ក្រុម​ទី​.........................​ផ្លូវ​លេខ​.......................​ភូមិ​...........................................................​ឃុំ-សង្កាត់​...........................................................​ក្រុង-ស្រុក-ខណ្ឌ​.........................................................................​រាជធានី-ខេត្ដ​........................................................................................។​ ត​ទៅ​នេះ​ហៅ​កាត់​ថា​ភាគី​«ក»​។

CSS

.article {
   display: flex;
 }
 .article .title,
 .article .price {
   flex: 1 0 auto;
 }
 .article .dots {
   flex: 0 1 auto;
 /*   margin: 0 5px; */
   /*Allows too long content to be hidden.*/
   overflow: hidden;
 }
 .dots::before {
display: flex;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: clip;
   content: 
     "......................................."
     "......................................."
     "......................................."
     "......................................."
 }