Question

Здравствуйте, пытаюсь адаптировать шаблон 1321 под себя.

Проблема с кодом <div>, не представляю как сделать два предложения на одной строке, первое предложение слева, второе с ссылкой справа.

Оставил это на последок, но уже почти закончив всё и вернувшись к этому, не могу найти способа оставить текст таким же (большие белые буквы) при этом оставив текст на одной строке по разные края, ведь я же начинающий быдлокодер.

Пытался сделать таблицой, но терял >большие белые буквы.

 

Код PROMO

<section>
    <div id="slider">
    <ul class="slides">
    <li class="slide">
    <img src="/top/header-gray.png" alt="">
    <div class="caption">
 
   <div class="cap-ttl">Найдем друг друга на картe! __________________________________ <a href="/index/0-3">Добавить вас на карту?</a></div>
 
   </div>
    </li>
    </ul>
    </div>
</section>
    <div class="clr"></div>

 

 

Как выглядит визуально

 

Answer 1

<div class="cap-ttl cap-flex">Найдем друг друга на картe!<a href="http://vmeste.ucoz.site/index/0-3">Добавить вас?</a></div>

.cap-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}