JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
  <div id="wrap">
      <a href="">Long links shouldn't wrap, but keep going and make the <span>#main div</span> overflow to scroll bars</a>
      <a href="">Small links are cool :)</a> 
  </div>
</div>

CSS

body{width:100%;height:100%;padding:0;margin:0}
a{float:left;clear:both;text-decoration:none;color:#000}
span{background-color:#eee;color:#555;padding:0px 2px;}
#main{
  position:fixed;
  width:200px;
  height:100%;
  border-right:1px solid #aaa;
  background-color:#ccc
}