<main class="wrapper">

    <h1 class="title">A list of American Presidents</h1>

    <section class="administration">
        <h3 class="pname">George Washington</h3>
        <span class="party fed">Federalist</span>
        <time class="term">1789</time>-<time class="term">1797</time>
        <span class="vpname">John Adams</span>
    </section>
</main>

.term {
    flex: 0 0 20%;
   /*Decorate these the same size as the party*/
   font-size: .5em;
   /*make them italic.*/
   font-style: italic;
}