Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

Как расположить кнопку по центру экрана? (html, css)

Артем Ерменко Ученик (103), на голосовании 6 месяцев назад
<style>
@keyframes move {
0% {
transform: translateY(+10px);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(+10px);
}
}

button {
display: flex;
color: #ff0000;
font-size: 100px;
font-family: Unbounded, sans-serif;
padding: 1vw;
border: none;
background: none;
cursor: pointer;
justify-content: center;
animation: move 2s infinite;
}
</style>

<button>ТЕКСТ</button>
Голосование за лучший ответ
nds Просветленный (25158) 8 месяцев назад
Вариантов десятки
В любом случае кнопка будет выравниваться относительно какого-нибудь контейнера.
Опиши задачу подробнее
Артем ЕрменкоУченик (103) 8 месяцев назад
я всё пробовал, но всё время кнопка не понятно куда улетает...
ndsПросветленный (25158) 8 месяцев назад
Так показывай полный код
Артем Ерменко Ученик (103) nds, его блочит анти-спам система.в крации: к этой кнопке подвязан скрипт на включение музыки, а все остальное я показал в описании вопроса
ndsПросветленный (25158) 8 месяцев назад
https://codepen.io/ в помощь
ndsПросветленный (25158) 8 месяцев назад
И до всё тут как до Киева раком
Артем ЕрменкоУченик (103) 8 месяцев назад
спасибо
Adam Eva Мастер (1075) 8 месяцев назад
Один из самых изящных вариантов для блока:
 div {  
display: table-cell;
vertical-align: middle;
height: 300px; width: 300px;
background-color: #eee;
text-align: center;
}
Один из самых изящных вариантов для страницы:
 body { 
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
Похожие вопросы