Как уменьшить расстояние между чекбоксами, отображаемыми в шаблоне django?

Я извлек некоторые данные из базы данных и сохранил их в переменной DATA `

def sendApproval(request):
    form = SendApp
    data = Profile.objects.filter(Admin="Lavanya")
    context = { "form": form,"data":data}
    return render(request, 'homePageHtml/SendApproval.html', context)

` А затем в html темплейте я использовал эти данные для представления их в виде флажков

`

{%for a in data%}<br>
  <input type="checkbox" id="recommender" name="choosen" value="{{a.UserName}}" >
  <label for="recommender" style="font-size:15px"> {{a.UserName}}</label><br><br>
{%endfor%}

`

и после просмотра на веб-странице он выглядит следующим образом: I wanted to reduce the gap between these checkboxes

Любой, у кого есть решение, будет благодарен! Заранее спасибо

Я пытался:

`

.adjust-line-height {
  line-height: 1em;
}

` добавив это в мой код, но это не сработало....

Я считаю, что вы можете уменьшить количество < br > в HTML-части, что-то вроде:

{%for a in data%}<br>
<input type="checkbox" id="recommender" name="choosen" value="{{a.UserName}}" >
<label for="recommender" style="font-size:15px"> {{a.UserName}}</label><br>
{%endfor%}
Вернуться на верх