有没有办法使2< p>同一行中的标签

发布于 2025-02-10 17:38:06 字数 438 浏览 2 评论 0原文

 ```
 <p class='title'><em>WELCOME TO F-DRIVE</em></p>
 <p class='b'>Free 5GB storage space!</p>```
 ```

这是我的代码行。我希望这两个句子都出现在同一行中。 我的CSS规则是:

```
p.b{
font-size:32px;
font-family: bangers, fantasy;
margin-left: 20px;
}
p.b2{
font-size:32px;
font-family: bangers, fantasy;
margin-right: 20px;
text-align:right;
```

第二个规则出现在第一个下方的一条线,我该如何修复?

 ```
 <p class='title'><em>WELCOME TO F-DRIVE</em></p>
 <p class='b'>Free 5GB storage space!</p>```
 ```

this is my line of code. I want both of these sentence to appear in the same line.
my css rules are:

```
p.b{
font-size:32px;
font-family: bangers, fantasy;
margin-left: 20px;
}
p.b2{
font-size:32px;
font-family: bangers, fantasy;
margin-right: 20px;
text-align:right;
```

the second one appears a line below the 1st, how do i fix it?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

又怨 2025-02-17 17:38:06

您可以使用span而不是p标签。 p是一个块元素,而span是内联元素。
您可以在此处找到有关差异的更多信息: https:// www。 sitepoint.com/community/t/p-vs-pan/5298

You can use a span instead of a p tag. p is a block element while span is an inline element.
You can find out more about the difference here: https://www.sitepoint.com/community/t/p-vs-span/5298

墨小墨 2025-02-17 17:38:06

答案是display:inline-block,但是如果您想要这种行为,则应使用span,因为默认情况下跨度为内联元素。它不需要任何其他样式

p {
  display: inline-block;
}
<p>aaaaaaaaaaaaaaa</p>
<p>bbbbbbbbbbbbbbb</p>

The answer is display: inline-block, but if you want this kind of behaviour u should use span as span is inline element by default. It does not need any additional style

p {
  display: inline-block;
}
<p>aaaaaaaaaaaaaaa</p>
<p>bbbbbbbbbbbbbbb</p>

心病无药医 2025-02-17 17:38:06

我建议使用&lt; span&gt;就此而言。

I would suggest using <span> for that matter.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文