У меня есть текст, который должен быть одинаковым, но получается вот так
Как сделать чтобы по высоте они были одинаковыми?
<div class="block-3"> <br>
<h1 class="block-3-text1"><b><i>Ссылки</i></b></h1> <br><br><br><br>
<a href=""><h3 class="block-3-text1-2"><b><i>VK</i></b></h3></a> <br><br>
<a href=""><h3 class="block-3-text1-2"><b><i>Discord</i></b></h3></a> <br><br>
<a href=""><h3 class="block-3-text1-2"><b><i>Gmail</i></b></h3></a> <br><br>
<a href=""><h3 class="block-3-text1-2"><b><i>Donate</i></b></h3></a> <br><br>
<h1 class="block-3-text2"><b><i>Остальное</i></b></h1> <br><br><br><br>
<a href=""><h3 class="block-3-text2-2"><b><i>Магазин</i></b></h3></a> <br><br>
</div>
.block-3 {
width: 100%;
height: 550px;
background: -webkit-linear-gradient(90deg, rgb(98, 0, 167), rgb(15, 0, 103));
background: -moz-linear-gradient(90deg, rgb(98, 0, 167), rgb(15, 0, 103));
background: linear-gradient(90deg, rgb(98, 0, 167), rgb(15, 0, 103));
}
.block-3-text1 {
font-size: 35px;
position: absolute;
left: 10%;
margin-top: 20px;
color: white;
}
.block-3-text1-2 {
font-size: 20px;
position: absolute;
left: 10%;
color: #DCDCDC;
}
.block-3-text2 {
font-size: 35px;
position: absolute;
left: 20%;
margin-top: 20px;
color: white;
margin-left: 50px;
}
.block-3-text2-2 {
font-size: 20px;
position: absolute;
left: 20%;
color: #DCDCDC;
margin-left: 50px;
}