HTML：将由不同元素组成的文本显示在一行中（链接和文本）

Question

因此，在我的网页中，用户可以更改语言。这很容易实现，但是问题在于由多个元素组成的文本。

想象一下类似的内容：“ ...有关更多信息，请单击此处。” 与“这里”成为一个链接。

起初，我只是这样做了<p <a>/>，这导致文本不再排成一行，而是排成一行。

这是有问题的代码：

                    <div align="center" >                       

                        <font color="#534f4f" size="+2">    

                            <div id="txt_whatwedo_learnmore">

                                To learn more about what exactly we can do for you and further 

                                info about timelines and pricing, click 

                            </div>                      

                            <a id="txt_whatwedo_learnmore2" style="text-decoration:none" color="black" 

                            href="./pdf/Pricing_App_Dev_2019_Ger.pdf">here.</a> 

                            <div id="txt_whatwedo_learnmore3">

                                (prices may vary).

                            </div>                          

                        </font>

                    </div>

我可以通过脚本访问ID上的每个元素，但是它们都位于不同的行中，如下所示：

如何使它与所有元素仍然具有唯一ID的行成一行？