JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
  <div id="sidebar">
    <div class="column">
      <span>Howdy Cowboy, some text is missing here</span>
    </div>
  </div>
  <div id="content">
    Some funny content
  </div>
</div>

CSS

#container {
  display:flex;
}
#sidebar {
  border:1px solid red;
  flex: 0 1 auto;
  overflow:hidden;
}
#sidebar .column {
  white-space:nowrap;
}
#sidebar .column span {
  margin:2px;
  padding:2px;
  border:1px solid green;
  display:inline-block;
}
#content {
  border: 1px solid black;
  flex:1;
}