如何避免带标签的新行？

HTML 中的 p 标签代表一个段落。它是一个块级元素，这意味着段落标签内的文本被视为一个块，它占据了可用的全部宽度。默认情况下，浏览器在 p 标签前后应用换行符来分隔段落。
我们可以通过添加以下样式定义来实现这一点：

p {
   display:inline;
}

示例 1：
在此代码中，我们使用了 display 属性并将其设置为 inline，这将更改段落标记的默认行为并使其表现得像内联元素。通过使用 inline 属性，我们可以避免换行。

html

    
    
    
    Document
     
         p {
            padding:5px;
            border:1px solid black;
            color:green;
            font-size:24px;
 
          }
         #p2{
             display:inline;
          }
 
     


    Random Text1
    Geeks for Geeks
 
    Random Text2
    Geeks for Geeks 
 
    Random Text3
 


      

输出：

示例 2：
在这段代码中，我们使用了内联样式来避免带有段落的新行。方法和上面一样

html

    
    
    
    Document
     
         p {
            padding:5px;
            border:1px solid black;
            color:green;
            font-size:24px;
 
          }
 
     


    Random Text1
    Text without new line 
 
    Random Text3
 


      

输出：

支持的浏览器：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器