Código css para que un elemento de bloque sea de línea.

Buenas! Vengo aquí con otra duda, yo quiero poner dos imágenes juntas arriba como "menú" de mi página, el código usual en html sería así:

<p><img src=direcciónimagen><img src=direcciónimagen></p>

El problema es que al poner la primera imagen, va bien, pero luego la otra aparece, al costado, pero un tanto más abajo, ya que es un elemento de bloque y es como si tuviera un <br />

Recuerdo que en el curso de HTML mencionaba que se podían cambiar de elementos de bloque a de línea utilizando CSS, pero no sé si me lo saltee o qué pero no lo encontré.
Asi que quería saber si tenían el código por ahí :)

Me explico? Gracias desde ya!

hola

el contrario de display:block
es
display:inline

saludos

Mmmm
sería:
HTML:
<p><span class="imginline"><img src=direcciónimagen><img src=direcciónimagen></span></p><br />
CSS:
.imginline { display:inline; }

Así?

Así te podría valer, pero ¿para qué metes las imágenes dentro de un párrafo?

Si las sacas del párrafo te será más fácil porque las imágenes, si tienen sitio, se colocarán automáticamente en la misma línea sin tener que insertar ningún "display" ya que por defecto son elementos de línea (es el párrafo lo que las está convirtiendo en elementos de bloque).

De todas formas, si quieres ver el código, quedaría algo así:

<div class="imginline">
<img src="direcciónimagen1" />
<img src="direcciónimagen2" />
</div>

y el CSS:

.imginline img {display:inline;} (si las quieres en línea)
.imginline img {display:block;} (Si las quieres una debajo de la otra)


Espero haberme explicado bien y que te haya servido.

Un saludo!!

Muchas gracias, yo pensaba que las imágenes eran elementos de bloque!