posicionamiento y centrado img y p

[djsampe]

Hola,

Yo pondría cada texto+imagen dentro de un article, ademas, englobaría todos los <article> dentro de un <section>, a ese section le das el ancho que quieras y luego a article 50% de ancho para que quepan 2 por fila:

Código:

<style>
		
    section {
        width: 100%;
        min-width: 15%;
        margin: 0px auto;
        padding: 0px 0px;
    }
     
    article {
        display: inline-block;;
        max-height: auto;
        width: 50%;
        min-height: auto;
        min-width: auto;
        margin: 0px auto;
    }
     
    article img {
        display: inline-block;
        height: 100%;
        max-height: 100%;
        max-width: 100%;
        min-height: 0% ;
        min-width: 0%;
        text-align: center;
        width: 100%;
    }
     
    article p {
        display: inline-block;
    }
	
	</style>

Código:

<section>
	<article>
		<p>Recetas Tipicas.</p>
		<img src="imagenes/empanadas.jpg" alt="imagen de empanadas">
	</article>
	
	<article>
		<p>Recetas Extrajeras.</p>
		<img src="imagenes/tacos.jpg" alt="imagen de tacos mexicanos">
	</article>
	
	<article>
		<p>Postres Argentinos.</p>
		<img src="imagenes/postres.jpg" alt="imagen de postres argentinos">
	</article>
	
	<article>
		<p>Tragos y bebidas.</p>
		<img src="imagenes/tragos.jpg" alt="imagen de bebidas y tragos">
	</article> 
</section>