Learn HTML Learn CSS

CSS tutorial > CSS font style and size > Change the size of text

Change the size of text

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Page title</title>
    <style>
      p.class1 { font-size: 120%; }
      p.class2 { font-size: 18px; }
      p.class3 { font-size: x-small; }
    </style>
  </head>
 
  <body>
    <p class="class1">Change the size of the text by using percent.</p>
    <p class="class2">Change the size of text by using pixels.</p>
    <p class="class3">Change the size of the text by using the x-small keyword.</p>
  </body>
</html>

Result:

Edit the code listed above and click the "GO" button to view the result.