JSFiddle - React, Tailwind, and code Playground

by blueberrymuffin

HTML

<div id="live-ws-clues-container">

  <div id="live-ws-clues-left">
    <div class="live-ws-clue" id="COW">COW</div>
    <div class="live-ws-clue" id="DOG">DOG</div>
    <div class="live-ws-clue" id="BIRD">BIRD</div>
  </div>

  <div id="live-ws-clues-right">
    <div class="live-ws-clue" id="GOAT">GOAT</div>
    <div class="live-ws-clue" id="FISH">FISH</div>
  </div>
</div>

CSS

#live-ws-clues-container{
  border:1px solid #000;
  width: 60%;  
 margin: auto;
  margin-top:10px;
 position: relative;
  overflow: hidden;
	
}

#live-ws-clues-left{
	 width:48%;	
    float: left;

}

#live-ws-clues-right{
text-decoration: line-through;
  position: relative;
   overflow: hidden;
   float: left;
   width: 48%;
   left: 3%;
	
}