JSFiddle - React, Tailwind, and code Playground

by ngoctuan001

HTML

<div class='container'>

  <div class='left'>
    LeftLeftLeftLeftLeftLeftLeftLeftLeftLeftLeft
  </div>
  <div class='right'>
    RightRightRightRightRight
  </div>

</div>

CSS

.container {

  display: flex;
  max-width: 350px;
}

.left {
  color: blue;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.right {
  color: red;
  overflow: hidden;
  text-overflow: ellipsis;

}