JSFiddle - React, Tailwind, and code Playground

by adam smth

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<div class="wrapper">
  <input class="button" type="button" value="button">
  <div class="right">
    Some text tttttt
  </div>
</div>

CSS

.wrapper {
  width: 100%;
}

.button {
  width: 100px;
  float: left
}

.right {
  width: calc(100% - 100px);
  float: left;
  text-align: right;
  background-color: lightblue;
  white-space: nowrap;
  overflow: hidden;
}