Как выровнять кнопку RadioSelect?

По какой-то причине эта кнопка имеет странное выравнивание, я хочу, чтобы она была выровнена рядом с гендерным лейблом, но элемент ul поставляется с уже существующими "margin-block-start, margin-block-end и padding-inline-start", так как же мне выровнять ее правильно?

html

    <div class="block">
      <label>Gender</label>
      <span class="placer">{{ form.gender }}</span>
    </div>

css

#id_gender li {
    list-style-type: none;
    display: inline-block;
}

forms.py

gender = forms.ChoiceField(choices=GENDER_CHOICES, widget=forms.RadioSelect(), required=True)

Я хочу, чтобы радиоприемники (мужской и женский) были выровнены рядом с полом. Спасибо заранее!

Вернуться на верх