dos p en la misma linea

[paolamurias]

Hola, soy muy novata y tengo el problema de poner dos <p> en la misma linea

Quiero que me quede como con la foto 3 y 4
mi codigo es este

.fotosjoyasizq{
margin:20,20,0,20px;}

.fotosjoyasder{
margin:20,20,0,380px;
padding-left: 20px;}
.descripcionesjoyasizq{
margin:0;
text-align:left;
line-height:-5pt;
font:"Trebuchet MS", Georgia;
color:#999999;
}
.descripcionesjoyasder{
margin:0;
text-align:left;
font:"Trebuchet MS", Georgia;
color:#999999;
}

y mi html este

<div id="fotosizq"><img class="fotosjoyasizq" src="anillo.jpg" alt="Heliodoro, plata oxidada y oro puro">
<img class="fotosjoyasder" src="anillo-cobre.jpg" alt="Anillo cobre">
<p class="descripcionesjoyasizq">Heliodoro, plata oxidada y oro puro</p><p class="descripcionesjoyasder">Anillo de cobre</p>
<img class="fotosjoyasizq" src="anillo-oro.jpg" alt="Anillo Dual, plata 925 y oro 18K">
<img class="fotosjoyasder" src="anillo-dientes.jpg" alt="Anillo Dual calado de una sola pieza, fijo o móvil, plata 925 cincelada y texturada">
<p class="descripcionesjoyasizq">Anillo Dual, plata 925 y oro 18K</p><p class="descripcionesjoyasder">Anillo dientes</p>

Alguna idea????¿que hago mal?
Gracias

[caricatos]

Hola:

No se ven las fotos... pero un tag p es un bloque de texto, y nunca se verán en la misma línea a no ser que los hagas flotar (<p style: float:left/right...>)

Saludos

[caricatos]

Hola:

acabo de ver las fotos... y no entiendo bien... parece que en vez de usar párrafos deberías usar capas (div's) y con el estilo float. al primero left, y luego se quita con clear...

... es un tema que no controlo mucho

Saludos

[opeth]

¿intentas hacer un tipo de galería? si es así yo también recomendaria utilizar divs como dice caricatos algo así por poner un ejemplo

<div class="foto_galeria">
<img src="foto1.gif" alt="foto1" width="100px" height="100px" />
<p>descripción</p>
</div>
<div class="foto_galeria">
<img src="foto2.gif" alt="foto2" width="100px" height="100px" />
<p>descripción</p>
</div>
<div class="foto_galeria">
<img src="foto3.gif" alt="foto3" width="100px" height="100px" />
<p>descripción</p>
</div>
<div class="foto_galeria">
<img src="foto3.gif" alt="foto4" width="100px" height="100px" />
<p>descripción</p>
</div>

Además así evitas poner tantas clases y solo te quedaria flotar los divs a la izquierda.

Saludos

[paolamurias]

Gracias Chicos, voy a intentarlo...¡en cuanto haga dormir a mi bebé que se niega rotundamente!!!!!

[paolamurias]

siiiii, gracias, hice como me dijeron, hice flotar unos a la izq, otros a la der y Listo!!!
gracias!