Html 将标题下方的副标题与标题的最后一个字母对齐

我已经用引导模板制作了一些站点，但是我只是从零开始使用引导css和jsquery，但是我一直遇到

标题链接到原始站点，这样你就可以看到我想通过字幕实现的外观

 <section id="top">
    <div class="container topbg">
        <div class="row">
            <div class="col-lg-4-offset-lg-4 text-center">
                <div>
                <span class="thepeople" onclick="location='http://thepeople.com.au'">the people</span>
                <p><span class="agency" onclick="location='http://thepeople.com.au'">agency</span></p>
                </div>
            </div>
        </div>
    </div>
</section>


人民
代理


我不知道如何发布css而不使这篇文章混乱。如果你理解我的问题，请回答：）

我使用col-lg-4，然后将其偏移4（或三分之一）以使其居中。我只是在使用文本中心，现在仍然是，但我想我可以将文本与div的边缘对齐，但我意识到将div设置为文本的准确宽度是非常困难的。
这是您想要实现的吗


.wrap{
显示：内联块；
文本对齐：右对齐；
}
.人民{
字体大小：50px；
颜色：红色；
}
.代理{
字体大小：15px；
颜色：红色；
}

人民
代理

创建包含div的
内联块
，然后它将折叠到自己的宽度

然后使用块级元素，如标题（无论如何，标题更具语义），而不是可以独立对齐文本的跨距


.parent{
显示：内联块；
}
.代理{
文本对齐：右对齐；
}

人民
机构
您正在尝试执行的操作的图像会更有帮助……目前还不清楚。如果您觉得必须包含所有代码，可以将其放入代码段中，然后选中“隐藏代码段”框。是的，就是这样！我会调整填充，使其更接近人物文本，但是的，谢谢。很抱歉没有尽快回复，我已经设置好了，所以当有回复时我会收到一封电子邮件，但我只收到一封带有“更新”的电子邮件，上面说有4篇新帖子。干杯：）Nikhey你也得到了，并且添加了引导cdn，我不知道你为什么被否决了。。？干杯！：）