padding sets the size of the padding surrounding the inner box.

  

<!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">
* .box {
  display: static;
  overflow: visible;
  visibility: visible;
  width: 160px;
  height: 150px;
  padding: 30px;
  margin-left: 230px;
  margin-top: 80px;
  background-color: #ccc;
}
</style>
</head>
<body>


<h1>Box Model</h1> 

<div class="box"></div> 

</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.	how whitespace can make a page much easier to read
17.	No padding
18.	with padding
19.	padding:0.25em; assigns one-quarter of the font size to padding (i.e., font-sizemultiplied by 0.25).
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 sets the size of the padding surrounding the inner box. : padding « CSS « HTML / CSS

Related examples in the same category