<style>
    p {margin: 0; border: 1px solid black; }
    #page {color: red; width: 400px; }
    .page .prvni {color: green; margin: 10px;}
    .prvni {color: blue; font-style: normal;}
    .licha {color: red;}
    p > i {float: right; width: 100px;}

</style>
 <div class="page">
            <h1>Zajímavý článek</h1>
            <p class="prvni">Úvodní odstavec článku</p>
            <p>
                <i class="prvni licha">Prvni</i>
                <i class="suda">Druha</i>
                <span class="licha">Posledni</span>
            </p>
        </div>