How to utilize the header dropdown

Sometimes, the content on your page has varying amounts of importance. If you have a title, for example, you want your users to be able to see it easily. While you could just bold the text, using headers is great for optimizing your webpage for search engines.

Step 1: Make text into a header

The header drop-down is found in between the link button and the text formatting removal button:

Screenshot with Header button highlighted

To make your text into a header, simply highlight the text you want to make into a header and select the header size from the drop-down.

Screenshot with different heading levels shown


Step 2: Familiarize yourself with header sizes

There are two sizes of headers available: header 3 and header 2. Header 3 is slightly smaller than header 2

Contrasting between Heading 2 and Heading 3

Step 3: Avoiding Pitfalls

The header tag transforms the entire paragraph that is highlighted, even if it is partially highlighted. Therefore, your header text must be in its own paragraph or else the entire paragraph will be made into a header. Here is an example of this:

Screenshot of highlighted text

Notice how the first line of the paragraph is highlighted. Here is the result:

Screenshot of the whole paragraph turned into a heading

As expected, the entire paragraph is now a header. Oops! You can fix this by inserting a carriage return after the text you want as a header.

Screenshot of paragraph with carriage return

Then, put your cursor in the paragraph you just made and change the text back to "Normal" in the drop-down box. The paragraph should go back to being normal text, like so:

Screenshot of how to fix turning whole paragraphs into headings