<pre class="ruby"> HML Texto, c&oacute;digo ....</pre><pre>CSS  Texto, c&oacute;digo....</pre><pre>Texto, c&oacute;digo....</pre>

<style type="text/css"><!--pre {
 font-family:Edwardian Script ITC;
   
    font-size: 25px;
    color: #000;
  background-color: #fff;
  padding: 5px;
  color: #000;
  border-radius: 4px;
  border: 1px dotted #292929;
 box-shadow: 0 2px 6px #777, 0 3px 10px #CCC inset;
}

pre .title {
  color: inherit;
}
--></style>

Texto, código....