Html 如何在同一行上获得3行文本，并且仍然能够定位它们？

制作一个关于页面我试图得到3行文字，标题彼此在同一行，在一个css圆圈的正下方有一个背景图像。下面我有一些文字，需要在各自的昵称下。我不知道如何使文本在中间等间距排列。保证金似乎不起作用。如果可能的话，让我知道怎么做。我已经在这个网站和其他多个网站上寻找答案好几个小时了，但都没有找到答案。因此，我想我的问题是：如何在同一行中获得3行文本，并且仍然能够定位它们？`

这是我的密码。请记住，我使用的是骨架响应网格系统

#重要人物{
文本对齐：居中；
}
#经理-1{
字号：500；
文本对齐：左对齐；
左边距：-2px；
}
#经理-2{
字号：500；
文本对齐：居中；
}
#经理-3{
字号：500；
文本对齐：右对齐；
右边距：10px；
}

我们的经理
尖叫者
金祖
斯维齐伊
只是一个在电脑上为人们创作艺术品的家伙

我是一个喜欢把脑子里想的东西写在纸上的人。我有一些很棒的主意会让你大吃一惊！准备好

我喜欢网络、应用程序和其他设计。我的目标是摆脱我所在城市糟糕的设计

如果希望标题和段落位于同一行，则必须使用“显示内联”。但我想我知道你这样做有什么问题： 您需要将每个及其描述放在同一个div中

<div id="manager-1div" class="managers">
     <h5 id="manager-1">Screamer</h5>
     <p>Just a guy chilling on his computer creating works of art for people</p></div>
<div id="manager-2div" class="managers">
   <h5 id="manager-2" class="center-us-all">KINZU</h5>
   <p class="center-us-all">I am a guy who loves to get the things in my head onto paper. I have some great ideas that will blow your minds! Get ready!</p>
</div>
<div id="manager-3div" class="managers">
    <h5 id="manager-3" class="center-us-all">Swezii</h5>  
    <p class="center-us-all">I love Web, App and other designing. It is my goal to get rid of bad design in my city.</p>
</div>

---

您可以使用以下问题使它们具有相同的高度：

一种方法是将第一个项目向左浮动，将最后一个项目向右浮动。注意，然后需要清除段落上的浮动

#重要人物{
文本对齐：居中；
}
#经理-1{
字号：500；
文本对齐：左对齐；
左边距：-2px；
浮动：左；
}
#经理-2{
字号：500；
文本对齐：居中；
}
#经理-3{
字号：500；
文本对齐：右对齐；
右边距：10px；
浮动：对；
}
p{
明确：两者皆有；
}
h5{
保证金：0；
}

我们的经理
尖叫者
斯维齐伊
金祖
只是一个在电脑上为人们创作艺术品的家伙

我是一个喜欢把脑子里想的东西写在纸上的人。我有一些很棒的主意会让你大吃一惊！准备好

我喜欢网络、应用程序和其他设计。我的目标是摆脱我所在城市糟糕的设计

我看到类似引导的类。为什么不使用可用的网格呢？我猜由于

.1/3.column

类的原因，您实际上没有使用引导，但下面介绍了在您使用的任何网格中应该如何进行引导

<div class="row">
    <div class="col-xs-4 text-left">
        <div class="one-third.column" id="screamer"></div>
         <h5 id="manager-1">Screamer</h5>

    </div>
    <div class="col-xs-4 text-center">
        <div class="one-third.column" id="kinzu"></div>
         <h5 id="manager-2">KINZU</h5>

    </div>
    <div class="col-xs-4 text-right">
        <div class="one-third.column" id="swezii"></div>
         <h5 id="manager-3">Swezii</h5>

    </div>
</div>

尖叫者
金祖
斯维齐伊

---

使用

显示：内联块


#重要人物{
文本对齐：居中；
}
.内联块{
显示：内联块；
宽度：32%
}
#经理-1{
字号：500；
文本对齐：左对齐；
左边距：-2px；
}
#经理-2{
字号：500；
文本对齐：居中；
}
#经理-3{
字号：500；
文本对齐：右对齐；
右边距：10px；
}

我们的经理
尖叫者
金祖
斯维齐伊
只是一个在电脑上为人们创作艺术品的家伙

我是一个喜欢把脑子里想的东西写在纸上的人。我有一些很棒的主意会让你大吃一惊！准备好

我喜欢网络、应用程序和其他设计。我的目标是摆脱我所在城市糟糕的设计

我把所有东西都包装在一张桌子里。如果要在提供的表格单元格中设置页边距或以不同方式对齐文本，可以根据ID的after来计算。我希望这就是你想要的，尽管我不认为我已经清楚地了解了你的问题的整体形象。
如果您想对下面的段落进行同样的处理，只需添加另一个表行类来包装p



.table{
显示：表格；
宽度：100%；
}
.表格行{
显示：表格行；
宽度：100%；
}
.表行.列，
.表格h5行{
显示：表格单元格；
文本对齐：居中；
}

我们的经理
一些图像
其他图像
第三图像
尖叫者
金祖
斯维齐伊
只是一个在电脑上为人们创作艺术品的家伙

我是一个喜欢把脑子里想的东西写在纸上的人。我有一些很棒的主意会让你大吃一惊！准备好

我喜欢网络、应用程序和其他设计。我的目标是摆脱我所在城市糟糕的设计

我知道他说他使用的是骨架响应网格系统，但我不确定我们是否应该采用引导。我不明白，col-xs-4文本还剩下什么？
col-xs-4
是引导的三分之一<代码>文本中心

是您所期望的--它将文本居中应用于其内容。文本中心不是我正在使用的gs的一部分。现在怎么办？你似乎已经掌握了CSS的基本知识。所以写一些吧。：-）

.text center{text align:center；}

是否使用引导？如果是这样，请更新你问题上的标签。为什么投票被否决？因为也许我们没有完整的情况，正如我在前面提供的解决方案中已经提到的那样。尝试在photoshop或任何其他图形工具中绘制某种布局，精确指定所需内容，然后您肯定会得到答案。你的问题很模糊。我是个孩子，所以这可能就是我模糊的原因。我在洛杉矶八年级成绩不好。下次我肯定会花更多的时间来解释我需要什么

<div class="row">
    <div class="col-xs-4 text-left">
        <div class="one-third.column" id="screamer"></div>
         <h5 id="manager-1">Screamer</h5>

    </div>
    <div class="col-xs-4 text-center">
        <div class="one-third.column" id="kinzu"></div>
         <h5 id="manager-2">KINZU</h5>

    </div>
    <div class="col-xs-4 text-right">
        <div class="one-third.column" id="swezii"></div>
         <h5 id="manager-3">Swezii</h5>

    </div>
</div>