如何设置一些文本合并然后可单击？

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：

这不是预期的输出，因为文本位于底部！ enter image description here

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设置为“最新主题”的末尾，因此，只有单击“最新主题”后，该链接才会重定向到该链接，并切断“博客”。

希望有帮助！