div class e span class non si allineano

[Ht28]

Non rimane in linea, lo span fa scendere di una riga


CSS

.voci4 {  /* Country */
font-family:verdana;color:#000000;
font-size:11px;
padding-left:2px;
padding-top:2px;
}

.carattere-44 {
font-family:verdana;color:#000080;
font-size:11px;
padding-left:10px;
padding-top:2px;
}

Codice che stampa

$tabella .= "<div class=\"voci4\">Country:</div><span class=\"carattere-44\">".$codice."</span>";

Invece di stampare consecutivo lineare stampa così :

Country:
Italy

Se metto span class invece di div class stampa lineare, ma ho dovuto mettere div perchè mi serve il padding-top:2px; lo span non riconosce il padding

[oronze]

usa due bei div e studiati una guida (o fai delle prove) con float:left (forza il contenuto a stare sulla sinistra) e float:right(considera come se l'oggetto fosse inline e lo porta sulla destra) e clear che elimina tale regola....insomma vediti degli esempi su html.it e vedrai che saprai adattarli sicuramente alle tue esigenze

[ricman]

Ma il codice lo scrivi a caso o sai a cosa servono i vari tag? ...no, perchè sulla guida BASE c'è scritta chiaramente la differenza fra un div e uno span e in un minuto (UNO) avresti risolto tutto

Il tag div è di tipo Block quindi ti manda a capo "quello che c'è dopo" (il tuo span).
Le soluzioni sono molteplici... bisogna solo aver chiaro il risultato...
A ad esempio potresti fare una cosa del genere: Div P Span1 Span2 /P /Div


PS: non postare il php!! E' fuori luogo...

[custanz]

perdonatemi una domanda... ma includere lo span dentro al div?

tipo così:

$tabella .= "<div class=\"voci4\">Country:<span class=\"carattere-44\">".$codice."</span></div>";