顺风 CSS 浮动

此类在顺风 CSS 中接受多个值。它是 CSS 浮动属性的替代方案。 float 类定义了内容流，用于控制元素周围的内容包装。

浮动类：

• 向右浮动
• 向左飘浮
• 浮动-无

float-right：该类用于使元素浮动在容器的右侧。

句法：

...

例子：

输出：

float-left：该类用于使元素浮动在容器的左侧。

句法：

...

例子：

HTML

 
 
      
     
 
  
 

    

        GeeksforGeeks
    
 
    Tailwind CSS float Class 
    

    
    
How many times were you frustrated while looking out  
      for a good collection of programming/algorithm/interview 
      questions? What did you expect and what did you get?  
      This portal has been created to provide well written,  
      well thought and well explained solutions for selected  
      questions. An IIT Roorkee alumnus and founder of  
      GeeksforGeeks. He loves to solve programming problems 
      in most efficient ways. Apart from GeeksforGeeks, he  
      has worked with DE Shaw and Co. as a software developer  
      and JIIT Noida as an assistant professor.It is a good  
      platform to learn programming. It is an educational  
      website. Prepare for the Recruitment drive of product  
      based companies like Microsoft, Amazon, Adobe etc with 
      a free online placement preparation course.
  

 
  

输出：

float-none：该类用于使元素在默认位置浮动。我们正在使用中心标签，因此图像被放置在中心。

句法：

...

例子：

HTML

 
    
     
 
  
 

    

        GeeksforGeeks
    
 
    Tailwind CSS float Class 
    

    
    
How many times were you frustrated while looking out  
      for a good collection of programming/algorithm/interview 
      questions? What did you expect and what did you get?  
      This portal has been created to provide well written,  
      well thought and well explained solutions for selected  
      questions. An IIT Roorkee alumnus and founder of  
      GeeksforGeeks. He loves to solve programming problems 
      in most efficient ways. Apart from GeeksforGeeks, he  
      has worked with DE Shaw and Co. as a software developer  
      and JIIT Noida as an assistant professor.It is a good  
      platform to learn programming. It is an educational  
      website. Prepare for the Recruitment drive of product  
      based companies like Microsoft, Amazon, Adobe etc with 
      a free online placement preparation course.
  

 
  

输出：