JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="form-group">
    <label>
        <legend class="sq-form-question-title">Writing a list of random sentences is harder than I initially thought it would be.</legend>
    </label>
    <ul>
        <li>
        <label for="q129957_q17_3" class="radio-inline"><input type="radio" name="q129957:q17" id="q129957_q17_3" value="3" class="sq-form-field" /> The memory we used to share is no longer coherent.</label>
            
        </li><li>
        <label for="q129957_q17_3" class="radio-inline"><input type="radio" name="q129957:q17" id="q129957_q17_3" value="3" class="sq-form-field" /> The memory we used to share is no longer coherent.</label>
            
        </li><li>
        <label for="q129957_q17_3" class="radio-inline"><input type="radio" name="q129957:q17" id="q129957_q17_3" value="3" class="sq-form-field" /> The memory we used to share is no longer coherent.</label>
            
        </li><li>
        <label for="q129957_q17_3" class="radio-inline"><input type="radio" name="q129957:q17" id="q129957_q17_3" value="3" class="sq-form-field" /> The memory we used to share is no longer coherent.</label>
            
        </li><li>
        <label for="q129957_q17_3" class="radio-inline"><input type="radio" name="q129957:q17" id="q129957_q17_3" value="3" class="sq-form-field" /> The memory we used to share is no longer coherent.</label>
            
        </li><li>
        <label for="q129957_q17_3" class="radio-inline"><input type="radio" name="q129957:q17" id="q129957_q17_3" value="3" class="sq-form-field" /> The memory we used to share is no longer coherent.</label>
            
        </li>
    </ul>
</div>

CSS

.form-group { width: 300px; }

label { margin-bottom: 25px; }

/* label { display: inline; } */