pre{
padding:10px;
background-color:#eeeff0;
border-style:solid; 
border-color:gray;
border-width: 1px 1px 1px 1px;
white-space: pre;
overflow:auto;
}

code{
font-family: Courier New, Courier, monospace;
font-size: 1.2em;
white-space: pre;
}

.html .keyword{font-weight: bold;}
.html .tag{color:#0032ff;}
.html .comment{color:#808080; font-style: italic;}
.html .attribute{color:#660000;}
.html .value{color:#23238e;}

.xml .tag{color:#0032ff;}
.xml .comment{color:#808080; font-style: italic;}
.xml .attribute{color:#660000;}
.xml .value{color:#23238e;}

.css .keyword{}
.css .id, .class{color:#800000; font-weight: bold;}
.css .comment{color:#808080; font-style: italic;}
.css .rules{}
.css .value{color:#800080;}

.php{color:#008b8b;}
.php{color:#000;}
.php .string{color: #993300;}
.php .variable{color: #000099;}
.php .keyword{font-weight: bold;color:#000;}
.php .number{color:#3333ff;}
.php .comment{color:#808080; font-style: italic;}