JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta nameE="Author" CONTENT="Chris Woodall, woodall.christopher@gmail.com">
    <title>Keyed Caesar</title>
  </head>
  <body>
      <b>Encrypted</b>
    <div class="demo" style="font-size:25px">
        Gsv jfrxp yildm ucl qfnkh levi gsv ozab wlt.
    </div>   
      <br />
      <b>Jumble</b>
    <div class="demo" style="font-size:25px">
        The quick brown fox jumps over the lazy dog.
    </div> 
      <br />      
      <b>Regular</b>
    <div class="regular" style="font-size:25px">
        The quick brown fox jumps over the lazy dog.
    </div>
  </body>
</html>

CSS

body
 {
 background-color:white;
 font-family:Verdana,Tahoma,Arial,Sans-Serif;
 color:black;
 font-size:12px;
 }
.demo
 {
 font-family:'KhmerSBBICSerifRegular',Sans-Serif;
 width:800px;
 margin:10px auto;
 text-align:left;
 border:1px solid #666;
 padding:10px;
 }

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 19, 2012 */

@font-face {
    font-family: 'KhmerSBBICSerifRegular';
    src: url('kmsbbicsf-webfont.eot');
}

@font-face {
    font-family: 'KhmerSBBICSerifRegular';
    src:...