Как сверстать этот фрагмент?

Question

[Nayro TV]

Вот так сейчас

картика

html

<div class="section__titles">
							<h2 class="section__title section__title_img">
								Последние новости
							</h2>
							<div class="section__title-link">
								<a href="#">Перейти в блог</a>
							</div>
						</div>

css

.section__titles {
    align-items: flex-end;
    margin-bottom: 15px;
}

.section__titles {
    margin-bottom: 30px;
    justify-content: flex-start;
}
.section__titles, .section__top {
    display: flex;
    align-items: center;
}

Надо так вот, но я хз ваще как делать это ( , может pos: absolute? но хотелось бы адаптивно ну т е вдруг появиться ещё больше букв и всё поедет(

картика

Comments

[Антон Антон]

а почему бы ссылку в блок с надписью не поместить?

Answer 1

[Smirator]

Заголовок поместить в div с ограниченной шириной.
Поместить ссылку в заголовок через span.

<div class="section__titles">
        <h2 class="section__title section__title_img">
                Последние новости 
                  <span class="section__title-link"><a href="#">Перейти в блог</a></span>
         </h2>
</div>

.section__titles {
   width: 200px; //нужно подстроить под свой макет
}

Comments

[Nayro TV]

СПС БРО ТЫ ЛУЧШИЙ!