JSFiddle - React, Tailwind, and code Playground

by rafmaz

HTML

<div class="results">
	  	<div class="tupla">
		  	<button class="btn btn-accept" >Ok</button>
		  	<span id="tuple-pippo-1" class="tuple-list" >Info</span>
		  	<span id="tuple-pippo-2" class="tuple-list">Contatto</span>
		  	<span id="tuple-pippo-3" class="tuple-list">Credito</span>
	  	</div>
	  	<div class="tupla">
		  	<button class="btn btn-accept" >Ok</button>
		  	<span id="tuple-pluto-1" class="tuple-list" >Info</span>
		  	<span id="tuple-pluto-2" class="tuple-list">Contatto</span>
		  	<span id="tuple-pluto-3" class="tuple-list">Credito</span>
	  	</div>
	  </div>

CSS

body {
		color: #2D3E50;
	  font-size: 20px;
	}
	.prompter-container {
		position: relative;
		padding: 20px;
	}
	.prompter-container textarea {
		width: 100%;
	}
	.title {
		font-size: 30px;
	  font-weight: bold;
		padding-right: 30px;
	}
	.float-right {
		float: right;
	}
	.btn {
	  -webkit-border-radius: 5;
	  -moz-border-radius: 5;
	  border-radius: 5px;
	  color: #ffffff;
	  font-size: 15px;
	  background: #8c8c8c;
	  padding: 10px 20px 10px 20px;
	  border: solid #454545 2px;
	  text-decoration: none;
	}

	.btn:hover {
	  background: #ababab;
	  text-decoration: none;
	}
	.tuple-list {
		padding-left: 20px;
		padding-right: 20px;
		border-right: 2px solid black;
	}
	.tuple-list:last-child {
		border: none;
	}
	.tupla {
		border-bottom: 1px solid black;
	}