¿Cómo puedo hacer esto en CSS?

[Linton]

¡Eso pensaba yo!
Me da vergüenza, pero vale

Código HTML:

<div class="mercado">
        <div class="caja"><span>mercado</span></div>
        <img src="mer(23).jpg">
    </div>
    <div class="mercado">
        <div class="caja"><span>platos</span></div>
        <img src="cui(9).jpg">
    </div>
    <div class="mercado">
        <div class="caja"><span>tartas</span></div>
        <img src="tar(7).jpg">
 

Después de innumerables cambios:

Código CSS:

.mercado {
    width: 40%;
    height: 130px;
    margin: 0 auto;
}
 
.caja{
    width: 30%;
    margin-top: 20px;
}
 
.mercado span {
    float: left;
    font: 26px Arial;
    margin-left: 20%;
}
 
.mercado img {
    display: inline-block;
    float: left;
}