Center content layout : Size and Layout « Layout « HTML / CSS
- HTML / CSS
- Layout
- Size and Layout
Center content layout
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style rel="stylesheet" type="text/css">
#contentwide {
line-height: 1.5em;
margin: 10px 0 10px 160px;
padding: 0;
text-align: left;
}
#contentwide h2 {
font-size: 1.8em;
font-weight: 400;
letter-spacing: -1px;
margin: 8px 0 10px;
padding: 0;
}
#contentwide img {
background: #ccc;
border: 4px solid #f0f0f0;
color: #303030;
display: inline;
padding: 1px;
margin: 0 10px 5px 0;
}
#contentwide ul,#contentwide ol {
margin: 0 0 16px 20px;
padding: 0;
}
#contentwide ul ul,#contentwide ol ol {
margin: 2px 0 2px 20px;
}
#contentwide li {
margin: 0 0 2px 10px;
padding: 0 0 0 4px;
}
</style>
</head>
<body>
<div id="contentwide">
<h2>heading 2!</h2>
<p>This is a test. This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test. This is a test.
</p>
<p>This is a test. This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test.
This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test.
</p>
</div>
</body>
</html>
Related examples in the same category