Template:Colorsquare

 

This template makes a little colored square, where the inside of the box as well as it's border can be customized with any color.
The syntax of this template is as follows: {{colorsquare|box color|border color}}
Making a list with these squares can misalign themselves or break pages, so a lot of finesse is needed when using these.
It's also advised to use & nbsp; (with no space between the ampersand and the 'n'. As spaces after the templates can further break things.
Use Template:Colorsquare2 if you want a different alignment between the square and the text.

Here's some crude examples of how this can looks.

Text 1 - Note how the alignment changes when in a table.

Text 2

Text 3

 

Text 4

 

Text 5

 

Text 6