将 2 个标题排成一行？

Question

嘿伙计们，你能帮我把这 2 个文本放在同一行而不改变文本的颜色和大小吗？

<blockquote><p style="color:red; font-size:45px"> Company </p></blockquote>
<blockquote><p align="right" style="color:white; font-size:35px">telephone number </p></blockquote>

Answer 1

将 blockquote 设置为 display: inline-block 以使其内联：

blockquote{
   display: inline-block;
}

EXAMPLE 1

或者您可以将它们放在同一个 blockquote 中并将 p 设置为 inline 或 inline-block:

HTML

<blockquote><p style="color:red; font-size:45px"> Company </p><p align="right" style="color:white; font-size:35px">telephone number </p></blockquote>

CSS

p{
   display: inline;
}

EXAMPLE 2

更新

您只需将其添加到您的 CSS 文件中（最佳选择）：

blockquote{
   display: inline-block;
}

或者如果您的 CSS 在同一页面上（不是一个好的选择）：

<style>
   blockquote{
      display: inline-block;
   }
</style>

或者如果你坚持使用内联样式（最糟糕的选择），它会这样写：

<blockquote style="display: inline-block;"><p style="color:red; font-size:45px"> Company </p></blockquote>
<blockquote style="display: inline-block;"><p align="right" style="color:white; font-size:35px">telephone number </p></blockquote>

Answer 2

您将使用 <ul> 和 <li> 标签并使用 css display:inline; 使它们位于同一行。

将 2 个标题排成一行？

Place 2 titles in one row?

html

text

row