Allineare parole di dimensione diversa

[lucavizzi]

<h1>Stefani <span class="small_text">&</span> Gasperini</h1>

<style type="text/css">
h1{ font-size:25px }
.small_text{ font-size:15px }
</style>

Visto che si tratta del titolo del sito, ho usato il tag h1.
Ho racchiuso parte del testo (la e commerciale) in un tag span (che di default ha un display inline, cioè non inizia una nuova riga) ed ho assegnato al tag "span" la classe "small_text".
Quindi ho impostato, via CSS, una dimensione del carattere di 25 pixel per il tag h1 ed una dimensione di 15 pixel per il testo contenuto nel tag span con classe small_text.

Nel mio esempio ho usato un solo span, per marcare un'unica porzione di testo ma avrei potuto utilizzarne diversi applicando a ciascuno la classe small_text o definendo altre classi per dimensioni diverse.