Allineamento tag <h1> e immagine..

[otto9due]

Ragazzi non riesco in nessun modo ad allineare in un div..

<div class="corsivo">
<h1 class="colorh1"> Titoto H1</h1> 
<a class="immdonate" href="http://www.sito.it" target="_blank"><img src="images/dona.png"></a>
</div>

Dove le rispettive classi sono così formulate:

.cursive {
  margin: 0;
}

.colorh1 {
  color: #fff;
  font-family: 'Satisfy', cursive;
  font-weight: 500;
  text-align: left;
  width: 96%;
  background-color: #EE5F5B;
  padding: 10px 2%;

.immdonate {
  float: right;
}

Ho letto qualcosa sul clear, ma non so perchè con me non vuole funzionare

Grazie in anticipo

 

[cory]

non so spiegartelo ma se leggi questo sarà facilissimo
https://www.mrw.it/css/creazione-layout-table-less_10110.html

 

[Max 1]

.cursive {
  margin: 0;
}

.colorh1 {
  color: #fff;
  font-family: 'Satisfy', cursive;
  font-weight: 500;
  text-align: left;
  width: 96%;
  background-color: #EE5F5B;
  padding: 10px 2%;
float:left:
}

.immdonate {
  float: left;
}
#clear {clear:both;}

<div class="corsivo">
<h1 class="colorh1"> Titoto H1</h1> 
<a class="immdonate" href="http://www.sito.it" target="_blank"><img src="images/dona.png"></a>
<div id="clear"></div>
</div>