JSFiddle - React, Tailwind, and code Playground
HTML
<form method="post" id="sc_form">
<div class="radio-group">
<input type="radio" name="phone" id="send" value="send"></input>
<label for="send">Вы отправитель</label>
</div>
<div class="radio-group">
<input type="radio" name="phone" id="get" value="get"></input>
<label for="get">Вы получатель</label>
</div>
<input type="submit" name="send" value="Отправить" id="send-button" />
</form>
CSS
#get, #send{
border: none;
width: auto;
height: auto;
display: inline;
}
.radio-group{
text-align: left;
margin: 0 10px 6px 10px;
font-family: Arial,Helvetica,Garuda,sans-serif;
font-size: 11px;
}
input[type='radio'], label{
vertical-align: baseline;
}