.nav a{ display: inline-block; position: fixed; text-align: center; padding: 5px 0; background-color: #ffbd70; font: 14px 'calibri'; text-decoration: none; color: #ffc784; width: 70px; height: 30px; bottom: 24px; left:42.4%; } goodnight my sweet navigation prionce CSS .nav { display: block; margin: 15 auto auto; padding: 10px 0 0 0; position: fixed; text-align: center; background-color: #ffbd70; color: #512512; width: 70px; height: 30px; bottom: 24px; left:42.4%; } .nav a{ padding: 6px 5px 6px 5px; margin: 0 0 -5px 0; font: 14px 'calibri'; width: 70px; height: 30px; } .nav2 { position: fixed; text-align: center; padding: 5px; background-color: #ffbd70; font: 14px 'calibri'; color: #512512; width: 70px; height: 30px; bottom: 24px; left:50.4%; } .nav3 { position: fixed; text-align: center; padding: 5px; background-color: #ffbd70; font: 14px 'calibri'; color: #512512; width: 70px; height: 30px; bottom: 24px; left:58.4%; } .nav4 { position: fixed; text-align: center; padding: 5px; background-color: #ffbd70; font: 14px 'calibri'; color: #512512; width: 70px; height: 30px; bottom: 24px; left:66.4%; } .nav5 { position: fixed; text-align: center; padding: 5px; background-color: #ffbd70; font: 14px 'calibri'; color: #512512; width: 70px; height: 30px; bottom: 24px; left:74.4%; } .nav6 { position: fixed; text-align: center; padding: 5px; background-color: #ffbd70; font: 14px 'calibri'; color: #512512; width: 70px; height: 30px; bottom: 24px; left:82.4%; } .nav7 { position: fixed; text-align: center; padding: 5px; background-color: #ffbd70; font: 14px 'calibri'; color: #512512; width: 70px; height: 30px; bottom: 24px; left:90.4%; } HTML