Edit in JSFiddle

<header>
    <h1>Sivulla näkyvä otsikko</h1>
</header>

<article id="highlighted-article">
    <p>Sivuilla näytettävä normaali teksti on p-elementin sisällä.</p>
</article>

<article>
    <p>Sivuilla näytettävä normaali teksti on p-elementin sisällä.</p>
</article>

<article>
    <p>Sivuilla näytettävä normaali teksti on p-elementin sisällä.</p>
</article>

article {
    background-color: rgb(200, 200, 200);
    margin: 1em;
    padding: 1em;
    width: 40%;

    border-radius: 10px;
}

#highlighted-article {
    width: 55%;
    background-color: rgb(240, 240, 240);
    transform: rotate(-2deg);
}