Template:Colorsquare2

 

Note: This is the same as the original "colorsquare2" template, the difference is that the CSS margin-top is adjusted differently.
Use this one instead of a square doesn't align with the text properly.
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.

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

Text 1

Text 2

Text 3

 

Text 4

 

Text 5

 

Text 6