Untitled

<!DOCTYPE html>
<html lang="sv">
<head>
    <meta charset="ISO-8859-15" />
    <title>Test av <article>-elementet och CSS</title>
    <style type="text/css">
body {
    background:#CACACA;
    font-family: "Trebuchet MS", Verdana, serif;
    margin: 0px auto;
    padding:0px;
    text-align:center;
    width:735px;
}
article {
    width:100%;    text-align:left;
    background:#fff;
    padding:15px 2px 80px 2px;
    border:solid 1px #121212;
}
img {
    border:none;
}
header {
    width: 100%;
}
section {
    float: left;
    width: 495px;
    text-align: justify;
    padding: 0 30px 0 30px;
    font-size: 15px
}
#clear {
    display: block;
    clear: both;
    width: 100%;
    height:1px;
    overflow:hidden;
}
    </style>
</head>

<body>
    <header id="Toppen">
    <h1>Test av <article>-elementet och CSS</h1>
    <article>

    <section>
        <p>Den här rutan ska vara centrerad och ha en vit bakgrund i Firefox 4 och Chrome 7. </p>
        <p>I Opera 10, 11 och MSIE9 kommer den dock vara ihoptryckt i en liten remsa till höger och inte alls se bra ut. </p>
        <p>Tyder detta på att <section> och <article> elementen är felanvända eller tyder det på bristande stöd för <article> i förutnämnda webbläsare? HTML5 är
experimentellt som bäst. </p>
    </section>

    <div id="clear"></div>

    </article>
</body>
</html>