Text Manipulations

Here are some underlined text

Here are some overlined text

Here are some line-through text

Here are some blinking text.

Using the style attribute in place of <u> is a wash when it is used with the h tag.

The text decoration 'blinking text' did not work here.
Checking the internet I found that it has been deprecated.

https://www.quora.com/How-do-you-make-blinking-text-in-HTML
discusses alternatives.

Font Properties

Here's is some italicized text.

As an alternative this text used <i> tag here.

Here, I shall test the 9 values of font-weight and descriptives.

1. This is font weight 100
2. This is font weight 200
3. This is font weight 300
4. This is font weight 400
5. This is font weight 500
6. This is font weight 600
7. This is font weight 700
8. This is font weight 800
9. This is font weight 900
10. This is font weight bold
11. This is font weight bolder
12. This is font weight lighter

It is difficult to discern any difference in the five and the last three between items 6 and 9. In fact, items 10-11 look the same as the rest of the bold text. Item no. 12 also looks like the first five items.

This text is the same as the text used in the font weight list, but without font weight specification.

This text is the same as the text above except for having changed the font family to verdana and the font size to 12pt.

This text is the same as the text above except for having omited the 2px letter spacing specification.

Serendipity

We don't just paint the town red.

What We Do

I am surprised it has not been deprecated. I shall repeat with style.

Serendipity

We don't just paint the town red.

What We Do

The two outputs are the same. I think it is a matter of time before this method is deprecated.

Serendipity

Using <div> for aligning.

Unlike NLL206 uses direct align tags, I use text-align instead.

Here, you may observe the advantages of using the <div> tag.