[SOLUCIONADO] Centrar con CSS la imagen no el texto

[schattenburg]

Hola a todos:

Tengo el siguiente HTML:

<div id="wrapperNews">
<div id="inner-wrapper">
<p>Mi texto</p>
<p><a target="_blank" href="xxx"><img alt="" src="foto.gif"></a></p>
</div>
</div>

Estoy intentando mediante CSS centrar en la página la imagen pero no el texto. Soy bastante novato con el CSS y no consigo hacerlo. He probado varias combinaciones pero nada.

¿Cómo con esa estructura puedo centrar solo la imagen pero no el texto?

Gracias por adelantado.

[carlillos]

Podrías crear otro div para tu imagen.

Código HTML:

<style>
#mi_img {
    margin: auto;
    width: 300px; <!-- Ancho de tu imagen -->
}
</style>
 
<div id="wrapperNews">
    <div id="inner-wrapper">
        <p>Mi texto</p>
        <div id="mi_img"><a target="_blank" href="xxx"><img alt="" src="foto.gif"></a></div>
    </div>
</div>
 

Saludos.

[schattenburg]

No puedo tocar el HTML, sino ya lo hubiese arreglado. Ese HTML se genera automáticamente desde otro módulo y yo solo puedo tocar el CSS para poder centrar la imagen. Debe haber alguna manera mediante CSS que se centre solo la imagen, algo así como:

<style>
div#wrapperNews div#inner-wrapper p img { align:center; }
</style>

Pero por muchas combinaciones que hago no consigo que funcione.

[schattenburg]

Ya encontré la forma de hacerlo. Lo dejo aquí por si alguien le puede valer:

div#wrapperNews div#inner-wrapper p img {
display:block;
margin-left: auto;
margin-right: auto;
}