Ciao,
ho un titolo <h2> cui vorrei allineare una file di icone contenute in un <div>. Inizialmente si potesse ottenere banalmente settando entrambi a float (sinistro e destro rispttivamente).
Tuttavia mentre funziona correttamente in IE, in Firefox il titolo rimane su un livello sottostante rispetto le icone (come si vede nell'immagine).
Come posso mettere titolo e icone sulla stella linea (senza ricorrere a elementi aggiuntivi se possibile)?
Grazie
DI seguito posto il codice HTML
e CSS
codice:
.GroupPanel{ padding:10px;}
h2
{
display:inline;
float:left;
font-size: 16px;
font-weight: bold;
font-family: Calibri;
letter-spacing: -0.2px;
margin-bottom:0px;
}
.actionIconsContainer
{
width:auto;
margin:0;
padding:0;
display:inline;
text-align:right;
float:right;
}
.actionIconsContainer A
{
padding: 0 4px;
}
.actionIconsContainer A img
{
vertical-align:middle;
}