Centered body : margin right « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. margin right

Centered body

  
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Centered body</title>
<style type="text/css">
body {
  background: #ccc;
  border: 1px solid black;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 20em;
}
</style>
</head>

<body>
<h1>This is the title</h1>
<p>this is a test. this is a test. </p>
</body>
</html>








Related examples in the same category

1.'margin-right' Example
2.margin-right: auto
3.margin-right: 15%
4.margin-right: 4px;
5.Set margin for four directions
6.Set margin left and right to auto
7.Left Aligned and Offset Static Block
8.Center Aligned static
9.Right Aligned static
10.Center-middle Aligned
11.Right-top Aligned and Offset
12.Aligned center horizontally for absolute position
13.Aligned center vertically for absolute position
14.Left Aligned Sized Static Block with margin-right: auto
15.Sized Static Block right aligned
16.Stretched Static Block right aligned
17.Sized Absolute right aligned
18.Sized Relative block
19.Stretched Absolute right offset