JSFiddle - React, Tailwind, and code Playground
HTML
<div id="questions" class="content_panel">
<p class="title">Preguntas</p>
<p class="note">Todas las respuestas de usuarios asociadas a una pregunta serán borradas junto con la pregunta borrada</p>
<div class="set_send_data">
<form method="post" action="<?php echo $_SERVER['REQUEST_URI']; ?>">
<!-- campo para introducir el texto de la pregunta -->
<label for="setquestion">Introduce pregunta</label>
<input type="text" name="setquestion" id="setquestion">
<label for="id_typequestion">Tipo de pregunta</label>
<select name="id_typequestion" id="id_typequestion"></select>
<input type="submit" name="sendquestion" value="Enviar">
</form>
</div>
CSS
/*los input que estan justo por encima del paginador*/
.set_send_data {
height:5%;
width:100%;
margin-bottom:1%;
float:left;
background-color:red;
/*#999999;*/
}
/*los label*/
label {
margin-left:auto;
margin-right:auto;
}
/*define el estilo de los input*/
input, select {
/*position:relative;*/
max-height:100%;
width:200px;
margin:auto;
float:auto;
padding:1%;
border:solid #999999 1px;
border-radius:15px;
background-color:#D2D2D2;
}
input[type=submit] {
line-height:50%;
float:auto;
}
input:hover {
border:solid hsl(210, 100%, 55%) 1px;
}
select:hover {
border:solid hsl(210, 100%, 55%) 1px;
}