Blocked and preserved Code : code : Text HTML CSS TUTORIALS

HTML CSS TUTORIALS » Text » code »

Blocked and preserved Code


 


<!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" />
    <title></title>
<style type="text/css" media="Screen">
* .blocked {
  display: block;
}

* .preserved {
  white-space: pre;
}

</style>
</head>
<body>
<p>
    <code class="blocked preserved"> 
    
    *.blocked { display:block; } 
    *.preserved { white-space:pre; } 
    *.code { font-family:monospace; } 
    
    
    </code> 
</p> 


</body>
</html>