Allineare elementi

[cassy79]

Salve a tutti!
Sto muovendo i miei primi passi sui css e in questo momento trovo difficoltà ad allineare due elementi in un div.
Si tratta di due link come si può vedere dall'immagine allegata.
Devono comparire sulla stessa riga e invece vengono allineati verticalmente.

Nel file index del mio sito ho scritto:

<div id="bottom">         
<div>

Streetball &copy; 2009</p></div>         
<div id="privacy">         


Privacy Policy</p></div>         
</div> 

Mentre nel css:

#bottom {
background-image: url('../images/bottom.png');
background-repeat: no-repeat;
width: 945px;
height: 52px;
margin-left: 375px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #F73013;
padding-top: 7px;
padding-left: 18px;
}

#privacy {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: italic;
color: #7EA9BA;
padding-right: 18px;
}


Cosa sbaglio?
Potete aiutarmi? Vi ringrazio tutti per l'attenzione.

[culsd]

Usa il float...

Ciao!!

[cassy79]

Grazie culsd!
Il problema è che non ho capito come usarlo....
Mi daresti qualche indicazione in più? Grazie ancora

[culsd]

Intanto ti consiglierei di togliere i paragrafi

e </p> e comunque il float è usato principalmente per impaginare intere pagine web, per un lavoretto cosi piccolo ti scompiglierebbe solo la testa..

Capisco che tu sia ai primi passi con i fogli di stile e voglia fare tutto tramite css (non che sia una brutta cosa, anzi... anch'io ero cosi), ma ti consiglio di fare cosi:

CSS:

#bottom {
background-image: url('../images/bottom.png');
background-repeat: no-repeat;
width: 945px;
height: 52px;
margin-left: 375px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #F73013;
padding-top: 7px;
padding-left: 18px;
}

.privacy {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: italic;
color: #7EA9BA;
}


HTML:

<div id="bottom">
<div>Streetball &copy; 2009
<font class="privacy">Privacy Policy</font>
</div>
</div>

Vedrai quante complicazioni troverai nell'impaginare, allineare ecc ecc...
Per cosette cosi è inutile applicare il float... ma se proprio vuoi te lo posto!
Io cerco di consigliarti...

Ciao!!

[cassy79]

Grazie davvero per i consigli.
In realtà, sto convertendo un sito fatto con un programma di grafica in un template per un cms. Quindi il css sarà il mio incubo anche di notte ma piano piano sto imparando. Mi sono resa conto che ci vuole solo tanta pazienza e prove su prove.
Appena hai detto float, mentre attendevo che rispondessi, mi sono messa a provare usando il float left ed è andata!
Grazie per la gentilezza culsd!
Ciao :-)

[culsd]

Di nulla! Hai risolto tu!

Ciao!

[MillsCarlucci]

Ma in questo caso, uno span non sarebbe stato una soluzione migliore?

[miki003]

Originariamente inviato da MillsCarlucci
Ma in questo caso, uno span non sarebbe stato una soluzione migliore?

Penso anche io

[cassy79]

In che modo potrei usare lo span?
Grazie ad entrambi

[miki003]

Soluzione 1

Link 1  Link 2

Soluzione 2

<span>Link 1</span>&amp;nbsp;&amp;nbsp;<span>Link 2</span>