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

您可以使用<ul>和<li>代码，并使用css display:inline;将它们放在同一行。

Answer 2

将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>

将2个标题放在一行中？

2 个答案: