JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.min.css">
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
<section id = "uno">
    <div>
        <label>¿Cuántos años tienes?</label>
        <label>¿Qué idiomas dominas?</label>
        <label>¿Cuál es tu grado de instrucción?</label>
    </div>
    <div>
        <label>¿En dónde naciste?</label>
        <label>¿Qué materia te gusta más?</label>
        <label>¿A qué te dedicas?</label>
    </div>
</section>
<section id = "dos">
    <div>
        <span>Pregunta 1:</span>
        <span>Pregunta 2:</span>
        <span>Pregunta 3:</span>
    </div>
</section>

CSS

*{
    transition: all ease .5s;
    -moz-transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
}

#uno{
    background: lemonchiffon;
    border: .1em lightgray solid;
    border-radius: .3em;
    box-shadow: 0 .3em .3em;
    width: 32em;
    margin-bottom: 1em;
}

#dos{
    background: lightgreen;
    border: .1em lightgray solid;
    border-radius: .3em;
    box-shadow: 0 .3em .3em;
    width: 27em;
}

div{
    display: inline-block;
}

label{
    display: block;
    color: navy;
    border-radius: .3em;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
    cursor: pointer;
}

label:hover{
    background: navy;
    color: lemonchiffon;
}

span{
    display: block;
    color: darkslategray;
    border-radius: .3em;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
}

JavaScript

$("label").draggable({
    stop: function(){
        $(this).draggable("disable");
    }
});