Задать вопрос
@amogusnikov
html

Как поднять кнопку?

Как поднять кнопку назад?
Скрин:
627638385cdca359172342.png

Код:
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <p class="head"><img src='.png'><img src='.png'></p>
    <title>button</title>
</head>
<body> 
    <div>
    <p>текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</p>
    <p>текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</p>
    <p>текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</p>
    </div>
  <nav class="btn">
  <ul><li><a href="web.html">Назад</a></li></ul>
  </nav>
</body>
</html>
<style>
     .head {
  margin-bottom: 100px;
  background-size: 210%;
  background-color: #fff;
  color: rgb(8, 8, 8);
  padding: 10px;
  border-radius:  20px;
  font-family: monospace;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  }
  div {
    font-size: 24px;
    text-align: center;
    color: #000000;
    text-decoration: none;
    padding: 20px 50px 20px 55px;
    font-family: monospace;
    border-radius:  10px;
    background-size: 200%;
    transition: .5s;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    background-color: #ffffff;
    margin-bottom: 70px;
  }
  .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 1vh;
    
    margin-right: 1120px;
    
  }
  .btn ul li a {
    font-size: 20px;
    color: #000000;
    text-decoration: none;
    padding: 20px 50px 20px 55px;
    font-family: monospace;
    border-radius:  30px;
    background-size: 200%;
    transition: .5s;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    background-color: #ffffff;
   }
    
  .btn ul,
  .btn ol {
    list-style: none;
  
  }
  .btn ul li a:hover {
    background: rgb(67, 131, 216);
    color: #fff;
  }
  .btn ul{
  margin-bottom: 10px;
  }
</style>
  • Вопрос задан
  • 347 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
@wonderingpeanut
товарищ, ну ты инструментами разработчика вооббще пользоваться не умеешь? жмешь ctrl+shift+c, выбираешь кнопку, смотришь марджины/падинги, поднимаешья по древу к родителю, смотришь марджины/падинги.
убираешь найденные марджины/падинги и вуа-ля.

предполагаю что марджины падинги установлены на ul и li.

или сделай общий резет марджинов и падингов

вот самый простейший резет который можно применить 
*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 140 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Провести анализ сайта с точки зрения программирования
18 мая 2024, в 01:21
2000 руб./за проект
Директ: настройка и ведение для салона красоты в Москве
18 мая 2024, в 00:47
12000 руб./за проект
Предложить и рассчитать фильтр переключателя аудио
17 мая 2024, в 23:44
1000 руб./за проект
Ещё заказы