stretching content : content section « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. content section

stretching content

 

<!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' xml:lang='en'>
    <head>
        <title></title>
        <style rel='stylesheet' type='text/css'>
body {
    background: lightyellow;
    font: 12px sans-serif;
    margin: 0;
    padding: 0;
}
p {
    background: pink;
    border: 1px solid red;
    padding: 5px;
    margin: 5px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}        
        </style>
    </head>
    <body>
        <p>
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
        </p>
    </body>
</html>








Related examples in the same category

1.Use
2.use
3.use
4.Set

in extra content

5.Set

and

in extra content section

6.Content section with border
7.Content scrolls, fixed footer
8.Content DIV
9.Content background