Text Customising With CSS

Strong

Replacement for <b> and <bold>. Example: strong

1. Add to your web page:
<strong>text</strong>

2. Then you can customise its look from within your style sheet:
strong{}


Italic

Replacement for <i>. Example: italic

1. Add to your web page:
<em>text</em>

2. Customise its look from within your style sheet:
em{}


Strike Through

Replacement for <s> and <strike>. Example: strike

1. Add to your web page:
<span class="strike">text</span>

2. Add to style sheet:
.strike{text-decoration:line-through}


Underline

Replacement for <u>. Example: underline

1. Add to your web page:
<span class="underline">text</span>

2. Add to style sheet:
.underline{text-decoration:underline}


Double Underline

Example: double underline

1. Add to your web page:
<span class="double-underline">double underline</span>

2. Add to style sheet:
.double-underline{
text-decoration:underline;
border-bottom:1px solid #000;
padding-bottom:2px;}


Fieldset

Replacement for <textarea>. Example:

Legend title

This is a fieldset, with a legend.

1. Add to your web page:
<fieldset>
<legend>Legend title</legend>
text
</fieldset>

2. Customise its look from within your style sheet:
fieldset{}


Blockquote

The blockquote tag specifies a section that is quoted from another source.


Cite

The cite tag defines the title of a work (e.g. a book, a song, a movie, a TV show, a painting, a sculpture, etc.).


Code

The code tag defines a piece of computer code.


Horizontal Line

The hr element is used to separate content: