Scusate ma sto impazzendo:
codice:
<div style="clear:both;width:100%;text-align:center;line-height:60px;">
Disponibilità:
<div class="avail"></div>
</div>
Vorrei semplicemente far si che la scritta Disponibilità e il div con classe avail fossero sulla stessa riga e allineati al centro del div contenitore e invece il div mi va insistentemente a capo....cosa devo modificare?

Questa è la classe avail
.avail{
border:3px solid rgb(70, 140, 0);
border-radius: 15px;
height:30px;
width:30px;
margin:-5px 10px 0 10px;
background: #FFF url('/..../ok.fw.png') center center no-repeat;
background-size:80%;
}