ASCII Extended Character Set


Typing an ASCII character

Hold down the <Alt> key while typing the decimal number on the keyboard keypad. (Example:  <Alt>178)
In Windows for a DOS character:
Hold down <Alt> while typing the decimal on the keyboard keypad. (Example:  <Alt>230)
In Windows for a WIN character:
Hold down <Alt> while typing "0" then the decimal number on the keyboard keypad. (Example:  <Alt>0140)

Applies to:

  • CSS
  • HTML
A quick article on how to get a div layer to increase height based on how a heading fits on a page.

I have a heading like this:
The heading in full width
The code of this is:
<div id="page-title" class="col-xs-12">
	<h1><a href="/">A long heading that wraps over several lines</a></h1>

I needed to use these in a template I was working on. Font awesome is a brilliant tool for webdevelopers who want icons that can be any size of any color without compromising on image quality or overhead maintenance. It's basically a font set that has all the icons you would want in a modern website design.

To use this list, you can either:

  • Copy the font files to your template folder (my preference) and add the linked stylesheet in the head section of your webpage. I'm selective of what icons I copy over but the full directory can be found at
    <link rel="stylesheet" href="/path/to/font-awesome/css/font-awesome.min.css">
  • OR add the linked stylesheet to the head section of your webpage
    <link rel="stylesheet" href="">
You then add the icon to your webpage using a CSS reference:
<i class="fa fa-facebook-square"></i> My facebook social icon
Further examples are on the following site at

The List
This is a copy of the cheat sheet version 4.4. If some icons don't appear on this page, it is because I have only copied over some of the entire directory (the icons I want to use).

So many people asking this when the solution is a bit of aesthetic styling.


-- yields
000.      <-- What's going on here then?
Or check out this screenshot of the issue:
Ordered List Issue