CSS tester

Here's an opportunity to test various colours, borders and layouts. Simply input your choices into the boxes provided and hit the generate button to see your layout revealed in all it's glory. Then cut and paste the source code into your favourite text editor and save with a .html extention and you're done.

Have fun

Page and div name

Change to suit your needs

Page Title:
Div name:

Position and colour

Body Color:
Background Colour:
Padding (em or px):
Margin (em or px):

Text attributes

Text Colour:
Anchor colour:
Hover colour:
Text align:

Test Text

Text:Duis eros nulla, <a href="error.html">eleifend</a> eu, volutpat et, elementum id, justo. Maecenas volutpat. Duis non ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin pellentesque, erat ut consequat fringilla, odio enim pretium felis, id porta ipsum enim non risus. Etiam ligula diam, lobortis nec, ornare vitae, feugiat pulvinar, nisl. In porta posuere sem. Morbi porttitor elit eget ligula. Nullam leo neque, porta at, rhoncus eu, convallis quis, orci. Maecenas tempor dignissim ipsum. Praesent quis odio. Suspendisse rhoncus pulvinar eros. Donec id dolor. Quisque tincidunt. <a href="error.html">Aliquam</a> adipiscing est non nisl.

Border attributes

Border Color:
Border Width:
Border Type: