JSFiddle - React, Tailwind, and code Playground

by hajpoj

HTML

<div id=cont>
  <div id=one>asfad asdfsadf  asdfasdf asdfsaf asdfasf asdfasfd</div>
  <div id=two>asdf</div>
</div>

CSS

#one {
  display: inline-block;
  background-color: red;
  overflow:hidden;
  white-space: nowrap;
	text-overflow: ellipsis;
  width: 100%;
  padding-right: 100px;
  margin-right: 100px;
}

#two {
  display: inline-block;
  background-color: green;
  width:80px;
}
#cont {
  background-color: blue;
}
}