Кнопка на html, css

Question

Кнопка на html, css

Dahsuaah Ôllaa Ученик (198), на голосовании 5 месяцев назад

Вот моя кнопка на html:

<div class="user-button">
<a href="tvarb.html">
<img src="huser.jpg" alt="Иконка пользователя">
</a>
</div>

стили для нее на css:

.user-button {
position: absolute;
top: 0;
right: 0px;
display: flex;
justify-content: center;

padding: 15px;
border: none;
}

.user-button a {
display: block;
text-decoration: none;
color: #ffffff;
}

.user-button img {
width: 35px;
height: 35px;
margin-right: 8px;
}

Подскажите, почему кнопка не работает. Возможно ли реализовать эту кнопку-изображение как-то подругому?

Answer 1

 .user-button {   
  position: absolute;   
  top: 0;   
  left: 50%;   
  display: flex;   
  justify-content: center; 
  padding: 15px;   
  border: none;   
}   
  
.user-button a {   
  display: block;   
  text-decoration: none;   
  color: #ffffff;   
}   
  
.user-button img {   
  width: 35px;   
  height: 35px;   
  margin-right: 8px;   
}

Всё работает. Кнопка кликабельна.