JSFiddle - React, Tailwind, and code Playground

by duncan

HTML

<div id="app">
    
    <div class="answer_box">
    <div class="answer_checkbox"></div>
    <span class="answers"> little bit of text</span>
    </div>
    
   <div class="answer_box">
    <div class="answer_checkbox"></div>
    <span class="answers">you have priotrtoities over the people on the opposite direction</span>
    </div>
    
    <div class="answer_box">
    <div class="answer_checkbox"></div>
    <span class="answers">you have priotrtoities over the people on the opposite direction</span>
    </div>
</div>

CSS

#app{
    width:200px;
}
.answer_box{
margin-top: 20px;
    background: #ccc;
    min-height:50px;
}
.answer_checkbox{
	height: 50px;
	width: 50px;
	display: block;
	vertical-align: text-top;
    background-color: black;
    float: left;
    margin-right: 5px;
}
.answers{
    font-size:12px;
}