XaosCPS

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>ABCDE</title>
<style>
#grid {
    border : 1px dashed black;
    height : 400px;
    width  : 400px;
}
#grid div {
    border     : 1px solid black;
    color      : white;
    float      : left;
    font       : bold 20px sans-serif;
    padding    : 32px;
    text-align : center;
}
#A {
    background : #5080bb;
}
#B {
    background : #7e64a0;
}
#C {
    background : #f69447;
}
#D {
    background : #99b959;
}
#E {
    background : #be504e;
}
</style>
    </head>
    <body>
        <div id="grid">
            <div id="A">A</div>
            <div id="B">B</div>
            <div id="C">C</div>
            <div id="D">D</div>
            <div id="E">E</div>
        </div>
    </body>
</html>