Задать вопрос
@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>
  • Вопрос задан
  • 428 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
@wonderingpeanut
товарищ, ну ты инструментами разработчика вооббще пользоваться не умеешь? жмешь ctrl+shift+c, выбираешь кнопку, смотришь марджины/падинги, поднимаешья по древу к родителю, смотришь марджины/падинги.
убираешь найденные марджины/падинги и вуа-ля.

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

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

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

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разместить шаблон сайта с личным кабинетом под хостинг серверов
29 нояб. 2024, в 01:43
7000 руб./за проект
Плагин для Chrome для автоматизации действий в МойСклад
29 нояб. 2024, в 00:30
2000 руб./за проект
Разработка фронта на VUE.JS
28 нояб. 2024, в 23:03
1500 руб./в час
Ещё заказы