Дробит бекграунд при использовании margin?

Question

[PabloEscobar213]

Поставил градиентный фон, но при создание гиперссылки фон дробит. Так с любым элементом, который я добавляю. Не могу понять в чем проблема.
При padding та же проблема

<div class="header">
        <div class="line">
            <a href="#" class="profile">Профиль</a>
        </div>
    </div>

<
code lang="css">
body{
background: linear-gradient(70deg, rgb(31, 114, 238), rgb(0, 245, 151));
}
.profile{
float: right;
margin-top: 2%;
margin-right: 2%;
}

Comments

[Ilya Olovyannikov]

Пожалуйста, оформите ваш код на codepen.io и приложите ссылку

Answer 1

[wervan]

background: linear-gradient(to right, rgb(31, 114, 238), rgb(0, 245, 151)); вот так все будет работать