How to Set Text Size in HTML

In creating a web page, it always helps to emphasize points with visual cues. Using the HTML environment, you can easily indicate the importance of text in a variety of ways, including font size.

Difficulty: Easy

Instructions

Things You'll Need:

• Text or HTML editor

Set Text Size Using CSS

1. Add the following attribute to the element, such as or

   , containing the text whose size you want to change. If necessary, surround the text with a new element:
   style="font-size: 12px;"

2. Replace "12px" with the size you want to give the text. Options include small, medium, and large; relative values such as smaller and larger, which reduce or increase the font size currently in effect; percentages such as "125%", which would make the text larger than the surrounding text; or a specific number of pixels as given in the example.

Set Text Size Using the FONT tag

3. Place your cursor in front of the content you want to resize and type in the following opening HTML tag:
   

4. Type the following after the text:
   

Tips & Warnings

• When using CSS, font size may also be set as part of the font property, which allows you to set both size and font family.