← Lessons

Text Styling

Lesson 6 of 20
● ● ● style.cssCSS

  

  

    
previewLIVE

    

      

        
Hello Coder!

        
You can style me!

      

    

  






  

    
Font size: 32

    
  

  

    
Font weight

    

  

  

    
Text align

    

  

  

    
Font family

    

  






  

    
🎯 Challenge: Try changing font-size to 50px — drag the slider!

    

      Step 1 of 5
      
      
      
    

  






  

    
🎨 Text Styling

    
In Lesson 1 you learned how to change colors with CSS. Now let's change how text looks — its size, thickness, alignment, and font!

    

      
🔤Change font-size — make text big or small.

      
💪Change font-weight — make text bold or light.

      
↔️Change text-align — move text left, center, or right.

      
✏️Change font-family — pick a new font style.