align buttons on webpage
please can somebody help me align the three big buttons together in center bottom of page, tried everything with margins and padding, dont know how to fix it! they were perfectly aligned before i added the two asides. please help i want them next to eachother horizontally. html: <!DOCTYPE html> <!DOCTYPE html> <html> <header> <img src="green-bmwwebsite-header.jpg" alt="car website header"> </header> <head> <link rel="stylesheet" href="style.css"></head> <body> <h1>Carpool</h1> <h2>Hej Namn!</h2> <aside class="aside-left" style="display:flex;"> <button> <h4>Log In</h4><br> </button> </aside> <aside class="aside-right" style="display: flexbox;"> <button> <h4>Redigera Profil</h4><br> </button> </aside> <div class="button-left"> <button><h2>Bokningar </h2> <br> <p>HƤr hittar du alla dina bokningar <br><br> Ćndra/Avboka resa?</p> <br><br><br></button></div> </div> </body> <div class= "button-middle"> <button><h2>Mitt Konto</h2> <br> <p>HƤr hittar du dina instƤllningar och favoriter</p> <br><br><br><br><br> </button></div> <div class="button-right"> <button><h2>Kundservice </h2> <br> <p>Kontakta oss hƤr. <br><br> HƤr kan du Ƥven anmƤla skador.</p> <br> <br> <br> </button></div> </html> css in comments