如何将输入元素与其标签放在同一行？

有几种方法可以使输入元素与其标签相同。这里讨论的方法很少。用于标记、跨度和输入以获得清晰输出的基本 CSS。

使用 float 和 overflow 属性：制作标签并使用float 属性设置样式。现在根据您的要求向左或向右设置标签浮动(位置)。这将相应地对齐您的标签。此处使用输入的溢出属性来剪辑溢出部分并显示其余部分。

• 例子：

  
  
    
  
    
      
  
    
  
      
  GeeksforGeeks
      Enroll with us:
      
          
      
  
    
  
  

• 输出：
  

在 display 属性中使用 table cell 属性：在 div 中创建一个标签并赋予display 属性。要使 input 元素和 span 相同放置，请在这些标签中使用 table-cell 属性。此属性使元素表现为td元素。无论要在附近制作什么项目，table-cell 属性都可以。

• 例子：

  
  
    
  
    
      
  
    
  
      
  GeeksforGeeks
    
      
  
          Enroll with us:
          
          
      
  
    
  
  

• 输出：