Html 三个文本正文未与内联块对齐

我不能得到三个文本集中在同一行：“5/1手臂”，“30年固定”和“15年固定”。正如你所看到的，“30年固定”要高得多

我对这个很陌生，所以到目前为止我已经厌倦了我所知道的一切

。贷款{
利润率最高：15%；
填充底部：150px；
背景颜色：浅蓝色；
}
.贷款h1{
文本对齐：居中；
页边距底部：0；
}
.loanLenghs{
明确：两者皆有；
显示：内联块；
文本对齐：居中；
宽度：100%；
保证金：0；
页边距底部：0；
}
.税率{
明确：两者皆有；
显示：内联块；
宽度：100%；
浮动：对；
}

HTML:
我们惊人的价格！
30年固定利率

15年固定
5/1臂

%4.552
%3.999
%5.332

只需使用

。贷款{
利润率最高：15%；
填充底部：150px；
背景颜色：浅蓝色；
}
.贷款h1{
文本对齐：居中；
页边距底部：0；
}
.贷款长度，.费率{
显示器：flex；
}
.贷款长度p、.费率p{
柔性生长：1；
文本对齐：居中；
}

HTML:
我们惊人的价格！
15年固定资产
30年固定资产
5/1臂
%4.552

%3.999

%5.332

更改CSS文件中的这一行

.loanLenghs {
  clear: both;
  text-align: center;
  width: 100%;
  margin: 0;
  margin-bottom: 0;
}

.loanLenghs p {
    display: inline-block;
}

此外，删除内联CSS

          <p>30 Year Fixed</p>
          <p style="float: left">15 Year Fixed</p>
          <p style="float: right;">5/1 ARM</p>

30年固定资产

15年固定
5/1臂

您可以使用此代码

正文{
保证金：0；
填充：0；
}
.贷款{
利润率最高：15%；
填充底部：150px；
背景颜色：浅蓝色；
}
.贷款h1{
文本对齐：居中；
页边距底部：0；
}
.loanLenghs{
明确：两者皆有；
显示：内联块；
文本对齐：居中；
宽度：100%；
保证金：0；
页边距底部：0；
}
.税率{
明确：两者皆有；
显示：内联块；
文本对齐：居中；
宽度：100%；
保证金：0；
页边距底部：0；
}
.左{
宽度：30%；
显示：内联块；
}
.中心{
宽度：30%；
显示：内联块；
}
.对{
宽度：30%；
显示：内联块；
}

我们惊人的价格！
30年固定
15年固定
5/1臂
%4.552
%3.999
%5.332

你能不能把截图放在这里，这样我就能明白你到底想要什么。

需要是

内联块

，而不是包含

。使用为这种情况制作的表格，一组表格数据。是的，谢谢。使用.loanLenghs p{display:inline block；}似乎有效。谢谢，大家好，只需添加css属性-

display:flex；证明内容：周围的空间在您的
.loanLengs
类选择器中-谢谢