@iswik

Как убрать отступ?

Слева от блока header появляется непонятный отступ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css\style.css" type="text/css">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link rel="stylesheet" href="css\normalize.css.css" type="text/css">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR&family=Roboto+Mono:wght@500&display=swap" rel="stylesheet">
    <title>Document</title>
</head>
<body>
    <div class="header">      
        <a href="">Пособия</a>
        <a href="">Обучение ЭКГ</a>
        <a href="">Обо мне</a>        
    </div>
    
    <div class="content">
        <div class="firstBlock">
            
        </div>
    </div>

</body>
</html>


/* color: #d1e2cdaf; */

body {
    background-color: #e5a8eb;
}

.header {
    position: fixed;
    height: 10%;
    width: 500%;
    background-color: #e7e1e1d7;
}

.header>a {
    padding-right:1%;
    padding-left: 0%;
    font-size: 25px;
    font-family: 'Roboto Mono', monospace;
    text-decoration: none;
    color:#000000;
    margin-top: 2%;
}

.text {
    position: relative;
}

.content {
    position: relative;
    top: 5%;
}
  • Вопрос задан
  • 167 просмотров
Пригласить эксперта
Ответы на вопрос 1
@platinum-trade
Рекомендую отказаться от ширина в 500 процентов в хедере это не будет работать нормально.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы