Есть три способа.
1. Оборачиваешь оба элемента в один DiV с классом .wrapper и врапперу даешь display: flex
2. Оборачиваешь оба элемента в один div c классом .wrapper и даешь этим двум элементами display: inline-blcok
3. Так же оборачиваешь два элемента и одному даешь float: left второму float:right
Я бы воспользовался бы 2 вариантом в твоем случае.
.wrapper>div{
display: inline-block;
}
<div class="wrapper">
<div class="ssilki_na_disk1">
<div class="text_na_disk">
<a>Синквейн</a>
</div>
</div>
<div class="ssilki_na_disk2">
<div class="text_na_disk2">
<a>Внеклассное чтение по обществознанию</a>
</div>
</div>
</div>
