Imagen y texto

Tengo un texto, rodeado de un recuadro (propiedad border de la CSS), el texto está centrado, quisiera colocar una imagen a la izquierda y derecha del texto pero fuera del recuadro ¿cómo podría hacerlo?


La CSS del texto


.titulo{

border-style: groove;

border-color: blue;

border-width: 18px;

font-family: Georgia, "Times New Roman", Serif;

font-size: 35px;

text-align: center;

text-decoration: underline;

}

El texto

<img src="../imagenes/logo-peque.png">
<p class="titulo">Junta Directiva de la
Asociación</p>