padding:0.25em; assigns one-quarter of the font size to padding (i.e., font-sizemultiplied by 0.25).

  

<!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></title>
<style type="text/css">
h2 { 
 font: bold italic 2em  Georgia, Times, "Times New Roman", serif;
 margin: 0;
 padding:0.25em;
} 
p {
 margin: 0;
 padding: 3em;
}
</style>
</head>

<body>
  <h2>Designing Instant Gratification</h2>
  <p>This is a test.</p>
</body>
</html>

1.	'padding' Example
2.	Padding with one value
3.	Padding with two value
4.	Padding with three value
5.	Padding with four value
6.	padding: 10px
7.	padding: 2px 4px 6px 8px;
8.	padding: 2px 8px 6px;
9.	padding: 2px 8px;
10.	padding: 2px;
11.	padding: 5px;
12.	padding: 1em;
13.	padding: 16px;
14.	Style sheet for padding example
15.	padding: 5px 0 12px 0; for td
16.	padding sets the size of the padding surrounding the inner box.
17.	how whitespace can make a page much easier to read
18.	No padding
19.	with padding
20.	Using Container Attributes
21.	Use padding shortcut
22.	Padding shortcut '10px 0 0 0'
23.	Set margin and padding to 0
24.	padding: 0 0 0.75em 0
25.	Using padding on a parent element to avoid problems with margin widths
26.	margin collapse and nested elements with default padding
27.	margin collapse with nested elements padding

padding:0.25em; assigns one-quarter of the font size to padding (i.e., font-sizemultiplied by 0.25). : padding « CSS « HTML / CSS

Related examples in the same category