Esercizio CSS

by meddario

HTML

<h1>
  Esercizio
</h1>

<div id="paragrafo-1" class="stile-1">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim, orci et tincidunt semper, augue justo blandit sem, a blandit mauris magna nec mauris. Pellentesque tempor, quam in pharetra pretium, metus eros pharetra arcu, vel placerat ligula
  arcu ut felis. Cras cursus ipsum sem.
</div>

<div id="paragrafo-2" class="stile-1">
  Vivamus at sem porttitor, gravida metus eu, dapibus risus. Aliquam erat volutpat. Sed non libero sit amet ligula fringilla rhoncus non nec lorem. Sed accumsan tellus et mi mattis, at interdum odio rhoncus. Praesent fermentum augue eu risus facilisis,
  ac cursus turpis molestie. Pellentesque eget nibh non nulla posuere auctor.
</div>

<h2>
  Cose importanti
</h2>

<h3>
  Disordinate
</h3>

<ul>
  <li>Pellentesque suscipit, nulla vel finibus gravida, lectus nibh tincidunt augue, sit amet eleifend felis turpis ac quam.</li>
  <li class="in-evidenza">Suspendisse et diam sit amet odio ultrices mattis ut et elit. Donec eros tellus, vehicula laoreet molestie ut, tincidunt a eros.</li>
  <li>Quisque volutpat tellus nec ligula luctus blandit.</li>
</ul>

<h3>
  In ordine
</h3>

<ol>
  <li>Phasellus quam mi, viverra blandit nibh nec, facilisis tristique lorem.</li>
  <li>Integer rutrum ex sed risus maximus pharetra. Vivamus vel ultrices neque, id rutrum augue. In aliquet lacus gravida dui blandit facilisis.</li>
  <li class="in-evidenza">Nulla in tempus felis, eget porta dui.</li>
</ol>

<h2>
  Per paragrafi
</h2>

<p>
  Curabitur et turpis laoreet, venenatis turpis at, aliquet purus. Integer mauris lorem, posuere quis nulla at, consectetur vehicula ipsum. Sed consequat tortor at dui dignissim gravida. Fusce vehicula fringilla felis vitae finibus. In hac habitasse platea
  dictumst. Nulla facilisi. Duis dignissim tellus et augue mollis, vitae suscipit augue lacinia. Aenean imperdiet id tellus sit amet facilisis.
</p>
<p>
  Proin nec sodales felis, ut congue nibh....