Почему кнопки съехали вбок? В элементе div прописал align="center"

Question

кнопки съехали вбок
https://code.sololearn.com/WFGyiZ46blxV/?ref=app

Answer 1

Потому что в css Вы пишите display: inline-block. и код выстраивает список в линию. Уберите эту строку или поставьте на block и все будет в виде списка.

window li{
list-style-type: none;
display: block;
padding: 10px;
border: 2px solid #433886;
border-radius: 5px;
background-color: #E1A283;
margin-left: : 5px;
margin-right: 5px;
color: #433886;
font-variant: small-caps;
text-shadow: 1px 1px 1px black;
}

Answer 2

нет, я не в том смысле, так и планировал, чтобы они были посередине друг за другом, проблема в том что они сместились вправо, там немного, но это видно, а нужно чтобы чётко посередине экрана