article.html

<div class="article">
    <div class="en-tete">
        <h1>Lorem ipsum</h1>
    </div>
    <div class="contenu">
        <p>Lorem ipsum dolor sit amet</p>
    </div>
    <div class="meta">...</div>
</div>

style.css

body {
    font-size: 10px;
    font-family: Arial;
}
.article > div {
    padding: 10px;
}
h1 {
    font-family: Georgia, serif;
    color: #E37B33;
    border: 1px solid red;
    padding: 10px;
    margin: 0;
}
div.article {
    border: 1px solid #E5E5E5;
    background: whitesmoke;
    color: #666666
    font-size: 1.1em;
}
.en-tete {
    font-size: 2em;
}
.en-tete h1 {
    font-family: "Futura", serif;
    margin-left: 12px;
    margin-right: 12px;
    border: 0;
    border-bottom: 1px solid #E5E5E5
}