Почему объекты не располагаются по горизонтали?
<link href="style.css" rel="stylesheet">
<ul class="header-line">
<li>
<a href="./powerka.php" class="donate">
<img src="powerka_ico.png">
<p>70 Руб.</p>
</a>
</li>
<li>
<a href="./powerka.php" class="donate">
<img src="powerka_ico.png">
<p>70 Руб.</p>
</a>
</li>
</ul>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@600&display=swap');
.header-div{
margin: -10px;
height: 82px;
flex-shrink: 0;
border-radius: 0px 0px 60px 60px;
background: linear-gradient(136deg, #43B6FE 0%, #9F48FF 100%);
}
.header-text{
height: 82px;
flex-shrink: 0;
border-radius: 0px 0px 60px 60px;
background: linear-gradient(136deg, #43B6FE 0%, #9F48FF 100%);
}
.header-line{
margin: 0px 24px;
}
a{
text-decoration: none;
}
.heading{
display: flex;
width: 561px;
height: 70px;
flex-direction: column;
flex-shrink: 0;
color: #FFF;
font-size: 26px;
font-family: 'Noto Sans', sans-serif;
font-weight: 700;
margin: 98px 64px;
}
.description{
display: flex;
width: 409px;
height: 254px;
flex-direction: column;
flex-shrink: 0;
color: #8A8A8A;
font-size: 20px;
font-family: 'Noto Sans', sans-serif;
font-weight: 300;
margin: -120px 64px;
}
.Logo{
width: 629px;
height: 267px;
flex-shrink: 0;
#background: url(http://nova-next.ru/logo.png), lightgray 50% / cover no-repeat;
margin: -160px 625px;
}
.Line-text{
display: flex;
width: 174px;
height: 55px;
flex-direction: column;
flex-shrink: 0;
color: #FFF;
font-size: 32px;
font-family: 'Noto Sans', sans-serif;
font-weight: 700;
text-decoration: none;
display: inline;
margin: 0px 10px;
}
.Line-text a {
text-decoration: none;
color: #FFF;
}
.donate{
display: inline;
width: 281px;
height: 337px;
flex-shrink: 0;
border-radius: 31px;
background: rgba(255, 255, 255, 0.06);
margin: 0px 48px;
}
.donate img {
width: 267px;
height: 267px;
flex-shrink: 0;
border-radius: 31px;
margin: 7px 7px;
}
.donate p{
display: flex;
width: 267px;
height: 42px;
flex-direction: column;
flex-shrink: 0;
color: #000;
text-align: center;
font-size: 26px;
font-family: 'Noto Sans', sans-serif;
font-weight: 700;
margin: -5px;
}
