Как установить текст слияния, а затем быть кликабельным?

Question

Я пытаюсь объединить два текста слева и справа слева и создать кликабельную ссылку.

                    <div class="mb-50">
                        <h2 class="section-title pr-0">Latest Topics on<span class="bold"> Blog</span><a
                                href="blog-right-sidebar.html" class="section-more right">OUR BLOG</a>
                        </h2>
                    </div>

Я получаю такой вывод:

Как объединить левый и правый текст в левую гиперссылку?

Обновление:

Это моя последняя попытка и ошибка:

<div class="mb-50">
                        <h2 class="section-title pr-0"><<a
                                href="blog-right-sidebar.html" class="section-more left">Latest Topics on </a> <span class="bold"> Blog</span>
                        </h2>
                    </div>

Обновление 2:

это не ожидаемый результат, потому что тексты расположены внизу! введите описание изображения здесь

Answer 1

Убедитесь, что тег href инкапсулирует весь текст, который вы хотите связать. Например, я сделал это, и он ссылается на сайт при нажатии на любой текст.

<div class="mb-50"> <h2 class="section-title pr-0"> <a href="blog-right-sidebar.html" class="section-more left">Latest Topics on <span class="bold"> Blog</span> </a> </h2> </div>

Со второй попытки вы закрыли href в конце «Последние темы включены», поэтому он перенаправляет на ссылку только после нажатия «Последние темы», отключая «Блог».

Надеюсь, это помогло!