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>
Fijate que puedes darles a las img la propiedad float:left y float:right dentro de style. Ahora, esto funcionaría, creo, si las etiquetas<p></p> o<span></span>, engloban incluso a la imágenes, pero el recuadro rodearía todo... entonces usa divs para el texto y cada imagen con la posición que desees.