<br> или </br> не работает внутри рамки

Я просто хочу спросить, как добавить пробел между этими кнопками внутри рамки, потому что
или не работает в html. HTML-код ниже:

<div class = "container2">
    <button class = "accordion">What is an alumni website?</button>
    <div class = "panel">
        <p1>An alumni website is a platform designed for graduates of a specific educational institution to connect and engage with one another. It provides a space for alumni to stay in touch, share news, and participate in events and programs organized by the institution.</p1>
    </div>
    <button class = "accordion">Who can access an alumni website?</button>
    <div class = "panel">
        <p1>Typically, alumni websites are only accessible to graduates of the specific educational institution. In some cases, access may also be granted to current students, faculty members, and staff of the institution.</p1>
    </div>
    <button class = "accordion">What are the benefits of joining an alumni website?</button>
    <div class = "panel">
        <p1>Joining an alumni website can provide a range of benefits, including the ability to network with other graduates, stay informed about news and events related to the institution, access career resources and job postings, and participate in mentoring or volunteer programs.</p1>
    </div>

Я просто сбрасываю вывод. Я пробовал тег <br> или </br>, но он не работает.