code padding: 3px; : code « Tags « HTML / CSS






code padding: 3px;

   
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body {
  background-color: #cccccc;
  font: 12pt arial;
}

p {
  background-color: rgb(255, 255, 255);
  padding: 10px;
}

code {
  padding: 3px;
  background-color: black;
  color: #FFFFFF;
}
</style>


</head>

<body>
<h2>Background colors.</h2>
<p>This example demonstrates how the <code>background-color</code> property changes the background colors of boxes.</p>
</body>
</html>

   
    
    
  








Related examples in the same category

1.code Element For Adding Code to Your Web Pages
2.code must be within pre (inline elements can't contain block-level elements)
3.Displaying blocks of code online
4.Blocked and preserved Code
5.Formula input
6.code margin: 5px 0;
7.code padding: 10px;
8.code text-align: left;
9.code display: block;
10.code overflow: auto;
11.code font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
12.code background: #F5F5F5;
13.code border-left: 3px solid #D4D4D4;
14.code font-family:courier, monospace;
15.code font-size:12px;
16.code font-weight:bold;
17.code border:1px solid #000000;
18.code {display:block;}
19.code font-family: courier;
20.code color: #000000;
21.code font-size: smaller;
22.code background-color: #d6d6d6;
23.code padding: 2px;
24.code margin: 5px;
25.code background-color: black;
26.code color: #FFFFFF;
27.Code style
28.'code' Example